ajax数据接口 -- ZZZCMS/ZZZPHP模板帮助文档

仅限zzzphp版本

字段	名称	描述
table	数据表	从那个表调用数据
col	数据字段	调用哪些字段
where	条件	查询条件
num	数量	查询数量
page	页码	分页
order	排序

jquery版本

1. <script type="text/javascript">
   
2. $(function () {         
   
3.           $.ajax({
   
4.                 type:"POST",
   
5.                  url:"/form/?getjson",
   
6.                   dataType:"json",
   
7.                   data:{"table":"content","col":"cid,c_title,c_content","where":"c_sid=6","page":1,"order":'cid desc','num':10},
   
8.         timeout: 1000,
   
9.         cache: false,
   
10.         beforeSend: LoadFunction, //加载执行方法  
    
11.         error: erryFunction,  //错误执行方法  
    
12.         success: succFunction //成功执行方法                  
    
13.          });
    
14.          function LoadFunction() {
    
15.              $("#list").html('加载中...');
    
16.          }
    
17.          function erryFunction() {
    
18.              alert("error");
    
19.          }
    
20.         function succFunction(data) {
    
21.              $("#list").html('');
    
22.              var json = eval(data); //数组      
    
23.              $.each(json, function (index, item) {
    
24.                  var title = json[index].c_title;
    
25.                  var id = json[index].cid;
    
26.                  var content = json[index].c_content;
    
27.                  $("#list").html($("#list").html() + "<br>" + title + " - " + id + " - " +content+ "<br/>");
    
28.              });
    
29.          }
    
30.      });
    
31.     </script>

复制代码

js版本

1. <script type="text/javascript">
   
2.     //调用ajax函数
   
3.     window.onload = function() {
   
4.         ajax({
   
5.             url: "/form/?getjson",
   
6.             type: 'POST',
   
7.             dataType: 'json',
   
8.             data: {
   
9.                 "table": "content",
   
10.                 "col": "cid,c_title,c_content",
    
11.                 "where": "c_sid=6",
    
12.                 "page": 1,
    
13.                 "order": 'cid desc',
    
14.                 'num': 10
    
15.             },
    
16.             success: function(json, xml) {
    
17.                 for (var i = 0, l = json.length; i < l; i++) {
    
18.                     var content = document.getElementById("list").innerHTML + '<br>';
    
19.                     document.getElementById("list").innerHTML = content + json[i].cid + " " + json[i].c_title;
    
20.                 }
    
21.             },
    
22.             error: function(status) {
    
23.                 alert(2222);
    
24.             }
    
25.         });
    
26.     }
    
27.     //创建ajax函数
    
28.     function ajax() {
    
29.         var ajaxData = {
    
30.             type: arguments[0].type || "POST",
    
31.             url: arguments[0].url || "",
    
32.             async: arguments[0].async || "true",
    
33.             data: arguments[0].data || null,
    
34.             dataType: arguments[0].dataType || "text",
    
35.             contentType: arguments[0].contentType || "application/x-www-form-urlencoded",
    
36.             beforeSend: arguments[0].beforeSend || function() {},
    
37.             success: arguments[0].success || function() {},
    
38.             error: arguments[0].error || function() {}
    
39.         }
    
40.         ajaxData.beforeSend()
    
41.         var xhr = createxmlHttpRequest();
    
42.         xhr.responseType = ajaxData.dataType;
    
43.         xhr.open(ajaxData.type, ajaxData.url, ajaxData.async);
    
44.         xhr.setRequestHeader("Content-Type", ajaxData.contentType);
    
45.         xhr.send(convertData(ajaxData.data));
    
46.         xhr.onreadystatechange = function() {
    
47.             if (xhr.readyState == 4) {
    
48.                 if (xhr.status == 200) {
    
49.                     ajaxData.success(xhr.response)
    
50.                 } else {
    
51.                     ajaxData.error()
    
52.                 }
    
53.             }
    
54.         }
    
55.     }
    
56. 
    
57.     function createxmlHttpRequest() {
    
58.         if (window.ActiveXObject) {
    
59.             return new ActiveXObject("Microsoft.XMLHTTP");
    
60.         } else if (window.XMLHttpRequest) {
    
61.             return new XMLHttpRequest();
    
62.         }
    
63.     }
    
64. 
    
65.     function convertData(data) {
    
66.         if (typeof data === 'object') {
    
67.             var convertResult = "";
    
68.             for (var c in data) {
    
69.                 convertResult += c + "=" + data[c] + "&";
    
70.             }
    
71.             convertResult = convertResult.substring(0, convertResult.length - 1)
    
72.             return convertResult;
    
73.         } else {
    
74.             return data;
    
75.         }
    
76.     }
    
77. </script>

复制代码