jQuery-Ajax请求的三种方式

1. get方式

语法:
$.get(url, [data], [callback], [type])
参数说明:
url 请求的地址
data 要发送给后台的数据: 要么是对象格式{key1:value1,key2:value2},要字符串拼接key1=value1&key2=value3
callback 回调函数,返回服务器端的结果
type 返回的数据的格式,xml, json, text

1. get方式代码

  <script src="jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript">
    //1. get方式     $.get(url, [data], [callback], [type])
    $.get("userInfo.json", function (userData) {
        console.log("get方式", userData);
    }, "json");
    </script>

2. post方式

语法:
$.post(url, [data], [callback], [type])
参数说明:
url 请求的地址
data 要发送给后台的数据: 要么是对象格式{key1:value1,key2:value2},要字符串拼接key1=value1&key2=value3
callback 回调函数,返回服务器端的结果
type 返回的数据的格式,xml, json, text

2. post方式代码

<script src="jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    //2. post方式     $.post(url, [data], [callback], [type])
    $.post("userInfo.json", function (userData) {
        console.log("post方式", userData);
    }, "json");
  </script>

3. ajax方法,既可以支持get,也可以支持post

.ajax(配置对象) 语法:.ajax({
type: "POST", //发送的方式
url: "some.php", //请求的地址
data: "name=John&location=Boston", //要发送的数据
dataType: "返回的数据类型", //xml, json, text, jsonp【跨域请求】
success: function(msg){
//请求成功的回调函数
alert( "Data Saved: " + msg );
}
});

3. ajax方法代码示例

<script src="jquery-1.11.0.js" type="text/javascript" charset="utf- 8"></script>
   <script type="text/javascript">
    //3. ajax通用方法
    $.ajax({
        type: "POST", //发送的方式
        url: "userInfo.json", //请求的地址
        data: "name=John&location=Boston", //要发送的数据
        dataType: "json", //xml, json, text, jsonp【跨域请求】
        success: function (userData) {
            //请求成功的回调函数
            console.log("ajax通用方法", userData);
        }
    });
</script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容