Ajax初学(3)jQuery实现Ajax

原创
2017/04/26 16:07
阅读数 48

举例

//点击'id=Button'的按钮,将'id=myValue'的值通过POST请求发送到服务器地址add.php
//通过success和error后的函数显示响应信息
$(document).ready(function() {
    $("#Button").click(function() {
        $.ajax({
            type: "POST",
            url: "add.php",
            dataType: "html",
            data: {
                myName: $("#myValue").val(),
            },
            success: function() {
                $("#result").html("保存成功!");
            },
            error: function(jqXHR) {                                          
                $("#result").html("保存失败!"+jqXHR.status);
            }
        })
    })
})

方法参数

  • jQuery.ajax([setting])
  • type:类型,'POST'或者'GET',默认'GET'
  • url:发送请求的地址
  • data:是一个对象,连同请求发送到服务器的数据
  • dataType:预期服务器返回的类型。如果不指定,jQuery自动根据HTTP的MIME信息来智能判断,一般采用json格式,可以设置为json
  • success:是一个方法,请求成功后的回调函数。传回返回后的数据以及包含成功代码的字符串。
  • error:是一个方法,请求失败时调用这个方法,传入XMLHttpReques对象。
展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部