$.get 方法通过远程 HTTP GET 请求载入信息。
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
它的主要几个参数,像method,async等进行了默认设置,我们不可以改变的
$.post(URL,data,callback);
$("button").click(function(){
$.get("test.jsp",function(data,status){
alert("Data: " + data + "\nStatus: " + status);
});
});
一、$.ajax的一般格式
$.ajax({
type: 'POST',
url: url ,
data: data ,
success: success ,
dataType: dataType
});
二、$.ajax的参数描述
参数 描述
url 必需。规定把请求发送到哪个 URL。
data 可选。映射或字符串值。规定连同请求发送到服务器的数据。
success(data, textStatus, jqXHR) 可选。请求成功时执行的回调函数。
dataType 可选。规定预期的服务器响应的数据类型。 默认执行智能判断(xml、json、script 或 html)。
async 类型:Boolean 默认值: true。默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。
注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。如果执行后还需要执行其他函数的必须用同步
cache:如果cache为true,会缓存ajax结果,第二次及更多次的调用会用缓存中的结果。
如果不想使用缓存,只要cache:false就可以了。
三、$.ajax需要注意的一些地方:
1.data主要方式有三种,html拼接的,json数组,form表单经serialize()序列化的;通过dataType指定,不指定智能判断。
2.$.ajax只提交form以文本方式,如果异步提交包含<file>上传是传过不过去,需要使用jquery.form.js的$.ajaxSubmit
四、$.ajax我的实际应用例子
//1.$.ajax带json数据的异步请求
$.ajax({
url: '${root}/wap/3d/getNotPrizeUserCount/${uuid}',// 跳转到 action
dataType: 'json',
data:{
selRollBack : selRollBack,
selOperatorsCode : selOperatorsCode,
PROVINCECODE : PROVINCECODE,
},
async: false,
success: function (data) {
if (data.result == 1) {
return false;
} else {
notPrizeUserCount = data.notPrizeUserCount;
}
},
error: function () {
}
});
//2.$.ajax序列化表格内容为字符串的异步请求
function noTips(){
var formParam = $("#Myform").serialize();//序列化表格内容为字符串
$.ajax({
type:'post',
url:'url',
data:formParam,
cache:false,
dataType:'json',
success:function(data){
}
});
}
更详细的文档可以看:
http://hemin.cn/jq/
分享到:
相关推荐
### jQuery Ajax使用时的注意事项 - **跨域问题:** 如果请求的URL跨域,则需要服务器端支持CORS。 - **回调函数中的this指向:** 在回调函数中,this通常指向当前的DOM元素或Ajax请求的配置选项,具体取决于调用...
### 使用jQuery简化Ajax开发 #### 1. 什么是jQuery? jQuery是一个非常优秀的JavaScript库,它在2006年由John Resig创立。无论你是JavaScript的新手还是专家,jQuery都能简化DOM(Document Object Model)和Ajax的...
- 对于文字分页,我们可以看到如何使用jQuery选择器定位分页元素,动态生成和更新页码链接,同时通过AJAX请求获取新的数据。 - 图片分页可能涉及到图片预加载和懒加载技术,确保在用户滚动到相应位置时,图片能够...
`readme.txt`通常包含有关压缩包内容的说明,可能解释了如何使用这些文件,或者提到了关于jQuery AJAX使用的注意事项。 总的来说,jQuery AJAX框架为开发者提供了一套强大且易于使用的工具,以实现高效的数据交互和...
本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例,实现前端通过jQuery Ajax传输json到后端,后端接收json,对json进行处理,后端返回一个json给前端,有兴趣的可以了解一下。
2. **jQuery AJAX使用**:$.ajax()方法是jQuery中的核心API,用于执行异步HTTP (Ajax) 请求。下面是一个基本的$.ajax()调用实例: ```javascript $.ajax({ url: 'your_server_side_script.aspx', type: 'POST', /...
- 在前端,jQuery监听表单提交事件,阻止默认的表单提交行为,然后使用$.ajax()发送包含新数据的POST请求到ASP服务器端脚本。 - ASP接收到请求后,通过ADO(ActiveX Data Objects)处理数据库操作,如使用SQL ...
在给定的标题和描述中,主要涉及两个关键知识点:使用jQuery的AJAX方法读取TXT文件和实现jQuery分页功能。接下来,我们将深入探讨这两个主题。 首先,我们来讨论如何使用jQuery的AJAX方法读取TXT文件。AJAX(异步...
本文将深入探讨如何使用jQuery的ajax方法来提交表单,从而实现异步数据交换,提高用户体验。 首先,jQuery的$.ajax()函数是进行Ajax请求的核心,它允许我们与服务器进行异步数据通信。在“使用jQuery ajax提交表单...
**jQuery AJAX** 是一个在Web开发中广泛使用的JavaScript库,由John Resig于2006年创建。jQuery简化了JavaScript中的异步HTTP(Ajax)请求,使得开发者能够轻松地与服务器进行数据交互,实现页面的局部刷新,提高...
在jQuery库中,AJAX功能被简化并封装成了易于使用的API。`$.ajax()`是jQuery提供的核心AJAX函数,它允许我们配置各种选项来定制请求,如URL、请求类型(GET或POST)、数据类型(JSON、XML、HTML等)以及请求成功或...
jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换...
在提供的代码片段中,可以看到两个函数:`doload1` 和 `doload2`,它们都使用了 jQuery 的 AJAX 方法来发送请求并处理返回的数据。 ##### 2.1 doload1 函数 ```javascript function doload1() { $.ajax({ url: ...
使用 jquery ajax访问后台服务器demo
以下是一个使用jQuery AJAX的示例: ```javascript $.ajax({ url: "http://yourserver.com/yourjavaendpoint", // 这是你的Java服务端接口地址 type: "POST", // 请求类型,可以是GET或POST data: JSON....
在这个"JqueryAjax简单实例"中,我们主要关注如何在Visual Studio 2005 C#环境下利用jQuery实现AJAX的功能。首先,我们需要确保项目中已经引入了jQuery库。这通常通过在HTML头部添加jQuery库的CDN链接或者将jQuery....
jQuery封装了AJAX函数,使得开发者可以更轻松地使用AJAX。 **AJAX工作原理** 1. **用户触发事件**:用户在计算器界面上输入数字或点击运算符按钮。 2. **创建AJAX请求**:jQuery的`.ajax()`方法用于创建AJAX请求。...
**jQuery Ajax过滤器详解** 在Web开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于页面异步更新,提供更流畅的用户体验。jQuery库简化了Ajax操作,它内置了一系列强大的Ajax方法,其中包括Ajax...
jQuery Ajax 实例 全解析; jQuery Ajax 实例 全解析;
5. **Ajax请求**:在前端,使用jQuery的`$.ajax()`或者更高级的`$.post()`、`$.get()`方法发送Ajax请求,例如添加商品时,将商品信息发送到服务器。 6. **JSP页面**:展示商品列表和详细信息,使用Struts2的标签库...