JQuery AJAX请求分类示例

 JQuery AJAX请求分为：$.post()和$.get()请求，但这2种请求都是基于$.ajax() 请求

1、post请求

语法1：$.post(String url,Function callback); 

语法2：$.post(String url,String data,Function callback);  

语法3：$.post(String url,String data,Function callback,String type);     

url：本次请求的地址

data：请求时传递的参数，例如：{id:"123",name:"mico"}  

callback：请求响应后执行的匿名函数

type： 返回的数据类型

 

示例代码： 

$.post(
        "RequestPage.aspx",
        { "id": 1, "type": 2 },
        function(data, state) {
            if (state == "success") {

                //返回成功后要处理的脚本

            }
            else {

                //返回失败后要处理的脚本

            }
        });

 

2、get请求

语法1：$.get(String url,Function callback); 

语法2：$.get(String url,String data,Function callback);  

语法3：$.get(String url,String data,Function callback,String type); 

url：本次请求的地址

data：请求时传递的参数，可以使用key:value的键:值对集合，例如：{id:"123",name:"mico"}  

callback：请求响应后执行的匿名函数

type： 返回的数据类型

示例代码：参考post请求 

 

 3、ajax请求

语法1：$.ajax(Object options);

语法2： $.ajax(String url,Object options);  

url：本次请求的地址

options：key:value的键:值对集合，例如：{id:"123",name:"mico"}

 

示例代码： 

$.ajax({
            type: "POST",
            url: "AjaxPage.aspx",
            data: "username=" + username + "&password=" + password,
            async: false,
            success: function(msg) {
                switch (msg) {
                    case "1":
                        break;
                    case "2":
                        break;
                }
            }
        });

说明：

type： 本次请求的方式(POST或GET)  

url：本次请求的地址  

data：请求时传递的参数，可以使用key:value的键:值对集合，例如：{id:"123",name:"mico"}  

async：是否异步执行(true或false)

success:function(msg){}： 请求成功后执行的匿名函数，msg是返回的数据