jQuery框架下的ajax

主要的ajax方法

url 表示请求的地址

type 表示请求的类型GET或者POST

date 表示发送给服务器数据

格式有两种

name=value&name=value

{key:value}

success 表示请求响应，相应的回调函数

dateType 响应的数据类型

　　　　常用的数据类型有 text xml json

将接受到的json字符串转换为json对象

JSON.parse(data)方法

$('#ajaxone').click(function (){
                $.ajax({
                    url:"http://localhost:8080/untitled3/Baseservlet",
                    type:"GET",
                    date:"id=1",
                    success:function (data){
                        var  jsonObjc = JSON.parse(data);
                        alert("id是"+jsonObjc.id+"name是"+jsonObjc.name);
                    },
                    error:function (data){
                        alert("error:"+data);
                    },
                    dateType:"text"
                })
            })

 

 

$('#ajaxget').click(function (){

                $.get({
                    url: "http://localhost:8080/untitled3/Baseservlet",
                    date: null,
                    success:function (data){
                        alert("id="+data.id+"    name="+data.name);
                    },
                    dataType:"JSON"
                })
            })

 

 

 

 

注意getJSON方法固定使用get请求

 

 $('#ajaxgetjson').click(function (){
                $.getJSON({
                    url: "http://localhost:8080/untitled3/Baseservlet",
                    data:null,
                    success:function (data){
                        alert("getJSON id="+data.id+"    name="+data.name);
                    }
                });
            })

 

 

var from1Obj = $('#form1').serialize();对表单内容进行拼接