[JavaScript] 对Jquery中的ajax再封装,简化操作示例 →→→→→进入此内容的聊天室

来自 , 2019-10-16, 写在 JavaScript, 查看 98 次.
URL http://www.code666.cn/view/cab070d5
  1.     <script type="text/javascript" src="Scripts/jquery-1.4.4.min.js"></script>
  2.     <script type="text/javascript">
  3.         $(function () {
  4.             jsonAjax("AjaxQuery.aspx", "type=json", "json", callBack);
  5.             jsonAjax("AjaxQuery.aspx", "id=1&name=2&type=text", "text", callBackTxt);
  6.         });
  7.  
  8.         function callBack(data) {
  9.             $("#ddd").html('');
  10.             var json = eval(data); //数组  
  11.             $.each(json, function (index, item) {
  12.                 //循环获取数据
  13.                 var name = json[index].Name;
  14.                 var age = json[index].Age;
  15.                 var sex = json[index].Sex;
  16.                 $("#ddd").html($("#ddd").html() + "<br>" + name + "  " + age + "  " + sex + "<br/>");
  17.             });
  18.         };
  19.         function callBackTxt(data) {
  20.             $("#ccc").html(data);
  21.         };
  22.  
  23.         /**
  24.         * ajax post提交
  25.         * @param url
  26.         * @param param
  27.         * @param datat 为html,json,text
  28.         * @param callback回调函数
  29.         * @return
  30.         */
  31.         function jsonAjax(url, param, datat, callback) {
  32.             $.ajax({
  33.                 type: "post",
  34.                 url: url,
  35.                 data: param,
  36.                 dataType: datat,
  37.                 success: callback,
  38.                 error: function () {
  39.                     jQuery.fn.mBox({
  40.                         message: '恢复失败'
  41.                     });
  42.                 }
  43.             });
  44.         }
  45.  
  46.     </script>
  47.  

回复 "对Jquery中的ajax再封装,简化操作示例"

这儿你可以回复上面这条便签

captcha