（整理） JQuery中的AJAX 

 1 $(document).ready(function () {
 2     $("#search").click(function () {
 3         $.ajax({
 4             type:"GET",
 5             url:"http://127.0.0.1:8080/ajaxdemo/serverjson2.php?number=" + $("#keyword").val(),
 6             dataType:"json",
 7             success:function (data) {
 8                 if (data.success) {
 9                     $("#searchResult").html(data.msg);
10                 } else {
11                     $("#searchResult").html("出现错误：" + data.msg);
12                 }
13             },
14             error:function (jqXHR) {
15                 alert("发生错误：" + jqXHR.status);
16             }
17         });
18     });
19 
20     $("#save").click(function () {
21          $ajax({
22              type:"POST",
23              url:"",
24              data:{
25                  name:$("#staffName").val(),
26                  number: $("#").val(),
27                  sex: $("#staffSex").val(), 
28                 job: $("#staffJob").val()
29              },
30              dataType:"json",
31              success:function(){
32                  if (data.success) {
33                      $("#").html(data.msg);
34                  } else {
35                      $("#").html("出现错误：" + data.msg);
36                  }
37              },
38              error:function(jq){
39                  alert("发生错误：" + jq.status);
40              }
41          });  
42     });
43 });

 

posted @ 2016-08-18 16:17  lynnekanuo  阅读(73)  评论(0)    收藏  举报