jquery ajax js用法代码
时间: 2023-10-25 20:32:46 浏览: 42
以下是一个使用 jQuery Ajax 的例子:
```javascript
$(document).ready(function() {
// 绑定一个点击事件
$('#btn-load-data').click(function() {
// 发送 Ajax 请求
$.ajax({
url: 'http://example.com/data.json', // 请求的 URL
type: 'GET', // 请求的方法
dataType: 'json', // 服务器返回的数据类型
success: function(data) { // 成功的回调函数
// 在页面上显示数据
$('#data-container').html(data);
},
error: function(jqXHR, textStatus, errorThrown) { // 失败的回调函数
console.log('Error: ' + textStatus + ' - ' + errorThrown);
}
}); // end ajax
}); // end click
}); // end ready
```
在这个例子中,我们首先绑定了一个点击事件,并在事件处理程序中发送 Ajax 请求。我们使用 `$.ajax()` 方法来发送请求,并传递一个包含请求参数的对象作为参数。在成功的回调函数中,我们使用 jQuery 的 `html()` 方法将从服务器返回的数据添加到页面上。如果请求失败,我们将打印错误消息到控制台中。