ajax与后台交互

来源:互联网 发布:sop8单片机 编辑:程序博客网 时间:2024/05/01 19:57

向controller请求数据:

$(document).ready(            function(){                jQuery.ajax( {                    type : 'GET',
    async: false,                    contentType : 'application/json',                    url : '/holiday/currentAnnualHolidayInfo?id=1',                    dataType : 'json',
    data: "",                    success : function(data) {                        //alert(JSON.stringify(outdata.records));//转换成字符串格式弹出                        if (data && data.success == true) {                                                                                               });                            }                        }                    },                    error: function(XMLHttpRequest, textStatus, errorThrown) {                        alert(XMLHttpRequest.status);                        alert(XMLHttpRequest.readyState);                        alert(textStatus);                    },                    complete: function(XMLHttpRequest, textStatus) {                        this; // 调用本次AJAX请求时传递的options参数                    }                });            }    );

向后台以json格式提交数据:
jQuery.ajax({  type: 'POST',  contentType: 'application/json',  async: false,  url: url,  dataType: "json",  data: JSON.stringify(postData),  success: function (data) {    alert("return2" + JSON.stringify(data));  },  error: function (XMLHttpRequest, textStatus, errorThrown) {    alert(XMLHttpRequest.status);    alert(XMLHttpRequest.readyState);    alert(textStatus);  },  complete: function (XMLHttpRequest, textStatus) {    this; // 调用本次AJAX请求时传递的options参数  }});

设置全局同步:

async默认是为TRUE的,

$.ajaxSetup({
  async: false
  });

0 0
原创粉丝点击