jQuery常见表单技术

一,常见提交方式
1.submit表单提交

$("#Myform").submit();

2.jQuery $ .ajax()方法
通过远程HTTP GET请求从服务器载入信息。

    $.ajax({
      type: "post", //请求方式
        dataType: "json",  //服务器返回的数据类型,如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断
        url: '/Resources/GetList.ashx',//请求地址
        data: { "name": "li" }, //发送到服务器的数据。将自动转换为请求字符串格式。
        success: function (data) { //请求成功后的回调函数。

         },error:function(data){//在请求出错时调用。

          }
        });

3.jQuery $ .get()方法
通过远程HTTP GET请求从服务器载入信息。

 $.get("demo_test.do",function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });

4.jQuery $ .post()方法
通过HTTP POST请求从服务器上请求数据。

$.post(
"demo_test_post.asp",
{name:"Donald Duck", city:"Duckburg"},
 function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });

5.jQuery ajax - getJSON() 方法
通过 HTTP GET 请求载入 JSON 数据。

$.getJSON("test.js", function(json){
  alert("JSON Data: " + json.users[3].name);
});

6.jQuery ajax - load()
load() 方法通过 AJAX 请求从服务器加载数据,并把返回的数据放置到指定的元素中。

$("#result").load("ajax/test.html", function() {
  alert("Load was performed.");
});
发布了8 篇原创文章 · 获赞 1 · 访问量 4825

猜你喜欢

转载自blog.csdn.net/kiritolr/article/details/103799642