Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了。
推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看,地址为:http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html 和 http://www.w3school.com.cn/jquery/
$.post、$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()
一、$.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)。
三、$.ajax需要注意的一些地方:
1.data主要方式有三种,html拼接的,json数组,form表单经serialize()序列化的;通过dataType指定,不指定智能判断。
2.$.ajax只提交form以文本方式,如果异步提交包含<file>上传是传过不过去,需要使用jquery.form.js的$.ajaxSubmit
四、$.ajax我的实际应用例子
Js代码
//1.$.ajax带json数据的异步请求
var aj = $.ajax( {
url:'productManager_reverseUpdate',// 跳转到 action
data:{
selRollBack : selRollBack,
selOperatorsCode : selOperatorsCode,
PROVINCECODE : PROVINCECODE,
pass2 : pass2
},
type:'post',
cache:false,
dataType:'json',
success:function(data) {
if(data.msg =="true" ){
// view("修改成功!");
alert("修改成功!");
window.location.reload();
}else{
view(data.msg);
}
},
error : function() {
// view("异常!");
alert("异常!");
}
});
//2.$.ajax序列化表格内容为字符串的异步请求
function noTips(){
var formParam = $("#form1").serialize();//序列化表格内容为字符串
$.ajax({
type:'post',
url:'Notice_noTipsNotice',
data:formParam,
cache:false,
dataType:'json',
success:function(data){
}
});
}
//3.$.ajax拼接url的异步请求
var yz=$.ajax({
type:'post',
url:'validatePwd2_checkPwd2?password2='+password2,
data:{},
cache:false,
dataType:'json',
success:function(data){
if( data.msg =="false" ) //服务器返回false,就将validatePassword2的值改为pwd2Error,这是异步,需要考虑返回时间
{
textPassword2.html("<font color='red'>业务密码不正确!</font>");
$("#validatePassword2").val("pwd2Error");
checkPassword2 = false;
return;
}
},
error:function(){}
});
//4.$.ajax拼接data的异步请求
$.ajax({
url:'<%=request.getContextPath()%>/kc/kc_checkMerNameUnique.action',
type:'post',
data:'merName='+values,
async : false, //默认为true 异步
error:function(){
alert('error');
},
success:function(data){
$("#"+divs).html(data);
}
});
分享到:
相关推荐
这个示例使用jQuery的`$.ajax`方法向/users/1发送GET请求,预期接收JSON格式的响应数据。 总结,本文介绍了如何利用Jersey构建RESTful服务,通过CXF客户端进行调用,以及如何使用jQuery的AJAX功能在前端与这些服务...
在本文实例中,使用ajax的GET方法定时向服务器发送请求,获取数据,然后更新网页内容。 ajax请求中的主要属性和方法包括: 1. type:指定请求方式,本文示例中为"GET"。 2. url:指定请求的服务器地址。 3. ...
在jQuery中,我们使用`$.ajax()`或者简化的`$.post()`、`$.get()`方法实现这一功能。例如: ```javascript $.ajax({ url: 'submit-form.php', // 服务器端处理表单的脚本 type: 'POST', // 提交方式 data: $('#...
**jQuery AJAX** jQuery AJAX 是一个强大的JavaScript库,用于在客户端进行异步数据交换,使得开发者可以轻松地实现页面部分更新、后台数据交互等功能,而无需刷新整个页面。它简化了原生JavaScript中的...
jQuery提供的Ajax方法主要有`$.ajax()`和`$.getJSON()`等。这些方法允许开发者轻松地向服务器发送异步请求并处理返回的数据。 - **`$.ajax()`**: 是一个高度灵活的方法,支持多种类型的HTTP请求,包括GET、POST等,...
根据提供的文件信息,我们可以深入探讨如何在 jQuery 中运用 AJAX 技术,并结合 C# 进行服务器端的数据处理。下面将详细分析此示例代码的关键知识点。 ### 1. jQuery AJAX 的基本用法 #### 1.1 $.post 方法详解 在...
**jQuery AJAX 数据库应用2(增删查改)** 在Web开发中,jQuery与AJAX技术结合使用,能够实现无刷新的数据交互,极大地提升了用户体验。本教程将专注于使用jQuery的AJAX功能进行数据库操作,包括添加(Add)、删除...
在本篇文章中,我们将探讨如何利用jQuery的Ajax功能实现异步传输List和Map数据结构,这对于构建动态Web应用程序至关重要。通过Ajax(Asynchronous JavaScript and XML)技术,我们可以实现在不刷新整个页面的情况下...
1. **请求方式**:默认情况下,jQuery的`$.ajax()`使用GET方法,对于某些服务器配置,POST方法可能更有利于处理中文字符。因此,将`type`设置为`'POST'`可能有助于解决问题。 2. **服务器端设置**:在JSP页面中,...
本文将深入探讨如何使用JS操作Cookie的子键,以及如何利用jQuery的Ajax方法进行无刷新的数据提交,并接收后台返回的值。 首先,让我们了解什么是Cookie和它的子键。Cookie是一种在客户端存储小量信息的方法,它由...
在Web开发领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互等任务。本文将深入探讨如何使用jQuery框架实现Ajax请求,以及与Gson库的结合应用。 首先,jQuery的Ajax功能是其...
除了$.ajax(),jQuery还提供了更简洁的API,如$.get()、$.post()和$.getJSON()。例如,如果你只需要发送一个GET请求,可以使用$.getJSON(): ```javascript $.getJSON('服务器端接口URL', {key: value}, function...
**jQuery.AJAX 与Action交互详解** 在Web开发中,前端与后端的数据交互是不可或缺的一部分,jQuery.AJAX 提供了一种高效且灵活的方式来实现客户端与服务器端的异步通信。本篇文章将深入探讨如何使用jQuery.AJAX与...
`getProvince`函数通过`jQuery.getJSON`发送一个AJAX请求到服务器,获取所有省份的信息。`url`参数是一个包含查询参数的字符串,其中`&callback=?`是JSONP(JSON with Padding)机制,用于解决跨域访问的问题。...
在IT行业中,JavaScript库JQuery极大地简化了前端与后端的交互,特别是在处理异步数据交换时,Ajax(Asynchronous JavaScript and XML)技术扮演着关键角色。本篇将深入探讨基于Jquery的Ajax如何与Java后台进行交互...
jQuery提供了便捷的Ajax函数,如`$.ajax()`、`$.get()`和`$.post()`,使得开发者能轻松实现异步通信。 3. Struts2:Struts2是一个基于MVC(Model-View-Controller)设计模式的Java Web框架。它负责处理客户端发送的...
本示例将深入解析如何使用jQuery Ajax实现一个仿Google Suggest的自动补全功能,特别针对中文输入进行了优化,并且结合了Java后端技术如jsp和Servlet。 首先,让我们理解这个功能的核心概念。Google Suggest的自动...
**Ajax、.NET和jQuery:实现数据库操作与模糊查询** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页...
### 使用jQuery、Ajax、JSP与Servlet实现二级级联菜单 #### 一、项目背景与技术栈概述 本文档将详细介绍如何使用jQuery、Ajax、JSP与Servlet来实现一个简单的二级级联菜单功能。该功能常见于许多Web应用程序中,如...
### Ajax与JQuery达内培训笔记精要 #### Ajax概览 Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现...