jQuery学习笔记

1、jQuery.ajax([settings])用jquery实现ajax

type：类型，“POST”或者"GET",默认是“GET”

url：发送请求的地址

data：是一个对象，连同请求发送到服务器的数据

dataType：预期服务器返回的类型。如果不指定，jQuery将自动根据HTTP包MIME信息来智能判断，一般我们采用json格式，可以设置为“json”

success：是一个方法，请求成功后的回调函数。传入返回后的数据，以及包括成功代码的字符串

error：是一个方法，请求失败时调用的函数。传入XMLHttpRequest对象

2、百度jquery.js静态资源库

http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js

3、设置操作

GET：

$(document).ready(function(){

   $("#search").click(function(){            //等同于JS中的：document.getElementById("search").onclick=function

      $.ajax({

      type:"GET",

      url:"service.php?number="+$(#"keyword").val(),    //利用选择器选择keyword的这个dom

      dataType:"json",

      success:function(data){   //由于我们的dataType是json，因此我们获取的data其实已经解析了数据

         if(data.success){

            $("#SearchResult").html(data.msg);     //在jquery中，innerHTML用html代替

         }else{

            $("#SearchResult").html("出现错误："+datamsg);

            }

         }

         error:function(jqXHR){               //在jquery中，jqXHR.status中就是可以提示我们响应是否是200

         alert("发生错误"+jqXHR.status)

         }

      })

   })

})

POST：

$(document).ready(function(){

$("#save").click(function(){            //等同于JS中的：document.getElementById("search").onclick=function

$.ajax({

type:"POST",

url:"service.php",    //利用选择器选择keyword的这个dom

dataType:"json",

data:{ //将表单中所有值获取过来

name:$("#staffName").val(),

number:$("#staff"Number).val(),

sex:$("#staffSex").val(),

job:$("#staffJob").val(),

}

success:function(data){   //由于我们的dataType是json，因此我们获取的data其实已经解析了数据

if(data.success){

$("#CreatResult").html(data.msg);     //在jquery中，innerHTML用html代替

}else{

$("#CreatResult").html("出现错误："+datamsg);

}

}

error:function(jqXHR){               //在jquery中，jqXHR.status中就是可以提示我们响应是否是200

alert("发生错误"+jqXHR.status)

}

})

})

})