页面异步更新(ajax)之jQuery.post()技术

页面异步提交之jQuery.post()技术

什么是jQuery

jQuery 是一个 JavaScript 库。

jQuery 极大地简化了 JavaScript 编程。

jQuery 很容易学习。

什么是ajax

AJAX 是一种在不重载整个页面的情况下对网页的某些部分进行更新的技术。

什么是jQuery.post()

说明：使用HTTP POST请求从服务器加载数据。加载数据时，页面可以只变化局部而不是全部变化。

怎么使用

1.url: 要发送的地址，接受的地址可以由control处理。
2.type: 传输类型，通常是"get"或者"post"。
3.data: 数据，可以是string类型或者json类型等等…
4.success要求为Function类型的参数，请求成功后调用的回调函数，有两个参数。
(1)由服务器返回，并根据dataType参数进行处理后的数据。
(2)描述状态的字符串。
5.dataType:
要求为String类型的参数，预期服务器返回的数据类型。如果不指定，JQuery将自动根据http包mime信息返回responseXML或responseText，并作为回调函数参数传递。可用的类型如下：
xml：返回XML文档，可用JQuery处理。
html：返回纯文本HTML信息；包含的script标签会在插入DOM时执行。
script：返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时（不在同一个域下），所有post请求都将转为get请求。
json：返回JSON数据。
jsonp：JSONP格式。使用SONP形式调用函数时，例如myurl?callback=?，JQuery将自动替换后一个“?”为正确的函数名，以执行回调函数。
text：返回纯文本字符串。

url为"/comment"，转到controller进行处理，如本章第三图(controller)所示

	var parentId = $("#parentId").val();
    var commentContain = $("#commentContain").val();
    
    这两个属性由下图id为parentId与commentContain获得(淡蓝色标注)。

controller接收"/comment"的地址请求，进行处理

@RequestBody CommentDTO commentDTO
//RequestBody把前端的json数据获得到转换成bean类型

 @ResponseBody
 //ResponseBody返回数据以任何形式(此类中转换成json)
  var formObject = {};
            var formArray =$("#userInfo").serializeArray();
            $.each(formArray,function(i,item){
                formObject[item.name] = item.value;
            });
            $.ajax({
                url:"user/addUser",
                type:"post",
                contentType: "application/json; charset=utf-8",
                data: JSON.stringify(formObject),
                dataType: "json",
                success:function(data){
                    alert(data.msg);
                },
                error:function(e){
                    alert("错误！！");
                }
            });
``