JQuery Ajax方法

jQuery中常用的ajax操作方法

1）get请求：$.get([url],[data],[callback],[type])

2）post请求：$.post([url],[data],[callback],[type])

3）ajax请求：$.ajax([settings])

$.get()方法

$.get(
    "/hello",
    "username=zhangsan&password=123456",
     function(data){
          alert(data);
     },
     type:"text"
)

• url：请求服务器端url地址
• data：发送给服务器端的请求参数，格式可以是key=value，也可以是js对象
• callback：当请求成功后的回调函数
• type：预期的返回数据的类型，取值可以是xml，html，script，json，text等

$.post()方法

$.post(
    "/hello",
    "username=zhangsan&password=123",
    function(data){
         alert(data);
    },
    type:"text"
)

• url：请求的服务器端url地址
• data：发送给服务器端的请求参数，格式可以是key=value，也可以是js对象
• callback：当请求成功后的回调函数
• type：预期的返回数据类型，取值可以是xml，html，script，json，text等

$.ajax()

$.ajax({
    url:"/hello",
    data:"username=zhangsan&password=123",
    type:"get",
     async:true,
    dataType:"text",
     success:function(data){
          $("#mydiv").html(data);
     },
     error:function(){
          alert("error");
     }
})

• url：请求的服务器端url地址
• async：是否异步请求，true表示异步；false表示同步
• data：发送到服务器的数据，可以是键值对形式，也可以是js对象形式
• type：请求方式，GET/POST，默认为“GET”
• dataType：预期的返回数据类型，取值可以是xml，html，script，json，text等
• success：请求成功后的回调函数
• error：请求失败时的回调函数