利用jQuery来动态添加属性 jQuery.ajax $.post $.load 序列化表单

废话不多说，直接上代码：

$.ajax  等同于 jQuery.ajax

 

$.ajax({
         url:'testServlet',
         type:'post',
         data:{Action:"ajax",Name:"ajax"},     
         success:function(data){
                 alert("得到从servlet返回的值: " + data);
          }
});

 

各项参数说明：

url :      提交到后台中的servlet或者是action地址

type:    提交方式

data:    以json字符串的形式提交到后台

success：回调函数，可以接收从服务器端返回回来的数据

 

 

下面来看： 

$.post(                          //利用jQuery中的Post方式提交数据到后台
           "testServlet",
           {Action:"post",Name:"post"},
           function(data){
                  alert("得到从servlet返回的值: " + data);
           }
 );

 

仔细观察你会发现，用$.post方式比$.ajax方式要简单一些，它并没有写出像这种：

url : "XXX"，键值这种方式

而是写成"XXX",对格式上已经和$.ajax有了很大的不同

 

利用$.post也可以把表单进行提交：

$.post(
           "testServlet",
            $("#form1").serialize(),      //表单进行序列化，相当于submit
             function(data){
                   alert("jQueryForm得到返回值: " + data);
             }
  ); 

 

form1指的是表单的id属性值<form id="form1"></form> 

 

如果你只是想把后台的数据填充到页面中的某一个元素上，可以简单的应用如下方式：

$("#data").load(
             "testServlet",
             {Action:"load",Name:"load"},
             function(data,textStatus){
                     alert("得到从servlet返回的值: " + data);
              }
 );

 

 上面的data为<span>中的id属性，从后台传递回来的数据直接回冲到页面当中的span属性上

 好，大功告成…………