利用Ajax来达到前后端交互数据的目的

1. [代码]Ajax    

$.ajax({
    //请求URL地址,controller的名称
    url: "http://www.baidu.com",
    //请求返回数据格式为json,还可以是text等
    dataType: "json",
    //请求是否为异步,默认是true
    async: true,
    //是否从浏览器缓存中加载数据信息
    cache: true,
    //设置请求超时时间
    timeout: 1000,
    //参数值,如果URL带参数,这里就可以不用写了
    data: {"key1":"value1","key2":"value2"},
    //POST安全性高,数据量大;GET安全性低,数据量小,从浏览器获取数据
    type: "GET",
    //请求发出前的处理函数,参数(XMLHttpRequest对象,返回状态)
    beforeSend: function() {},
    //请求成功时的处理函数,参数(返回数据,返回状态)
    success: function() {},
    //请求完成时的处理函数,参数(XMLHttpRequest对象,返回状态)//无论成与败均调用
    complete: function() {},
    //请求出错时的处理函数,参数(XMLHttpRequest对象,返回状态,错误对象)
    error: function() {},
    
});