使用ajax方式加载数据,jQuery之使用ajax()方法加载服务器数据

使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下:

```javascript

jQuery.ajax([settings])

```

```javascript

$.ajax([settings])

```

其中参数 `settings` 为发送ajax请求时的配置对象,在该对象中,`url` 表示服务器请求的路径,`data` 为请求时传递的数据,`dataType` 为服务器返回的数据类型,`success` 为请求成功的执行的回调函数,`type` 为发送数据请求的方式,默认为 `get`。

例:

```html

使用ajax()方法加载服务器数据

检测数字的奇偶性

  • 请求输入一个数字

$(function () {

$("#btnCheck").bind("click", function () {

$.ajax({

url:"http://www.imooc.com/data/check.php",

type:"post",

data: { num: $("#txtNumber").val() },

success: function (data) {

$("ul").append("

你输入的 "

+ $("#txtNumber").val() + " 是 "

+ data + "

");

}

});

})

});

```

Loading...