方式一: $.post(url, data , function(ms) {} );
其中data 用的是类似: data = {'vallemp.seiId', eid};
方式二:
$.ajax ( {
url : 'mainServlet.html?packgname=service&clsname=DBService&method=service&operate=decideDBType&ds=tsdBilling',
datatpe:'', //html, xml,
data:"hkHotelCd="+hkHotelCd+"&hkHotelRoomKind="+hkHotelRoomKind,
cache:false,//如果值变化可能性比较大 一定要将缓存设成false
timeout: 1000,
error: function(){alert('error');$('#LoadingStatus').hide(2000);}, //错误处理,隐藏进度条
async: false ,//同步方式(同步) 如果要采用异步的方式 请设置为true
success:function(xml){
alert(xml);
$(xml).find('row').each(function(){
arr.push($(this).attr("area"));
});
}
}) ;
方式二 后台:
/**
* AJAX 根据条件调用接口判断配额是否满足需求
*/
public String ajaxCheckHotelQutota() {
String hkHotelCd = ServletActionContext.getRequest().getParameter("hkHotelCd");
String hkHotelRoomKind = ServletActionContext.getRequest().getParameter("hkHotelRoomKind");
String hkHotelPriceKind = ServletActionContext.getRequest().getParameter("hkHotelPriceKind");
String startDate = ServletActionContext.getRequest().getParameter("startDate");
String endDate = ServletActionContext.getRequest().getParameter("endDate");
int quantity = Integer.parseInt(ServletActionContext.getRequest().getParameter("quantity"));
//调用接口验证时间段 中旅该房型 是否满足配额需求
boolean check = false;
try {
check = hkService.checkHotelQuota(hkHotelCd, hkHotelRoomKind, hkHotelPriceKind, format.parse(startDate), format.parse(endDate), quantity);
} catch (ParseException e) {
log.error("日期转换格式错误(startDate, endDate)!",e);
}
Writer out = null;
HttpServletResponse httpServletResponse = ServletActionContext.getResponse();
httpServletResponse.setCharacterEncoding("UTF-8");
try {
out = httpServletResponse.getWriter();
out.write(String.valueOf(check));
out.flush();
}catch(Exception ee) {
log.error("通过ServletActionContext获取response,writer出错!",ee);
}finally {
if(null!=out) {
try {
out.close();
} catch (IOException e) {
log.error("writer close出错!",e);
}
}
}
return null;
}
方式三:json
$.ajax({
type: "get",//使用get方法访问后台
dataType: "json",//返回json格式的数据
url: "BackHandler.ashx",//要访问的后台地址
data: "pageIndex=" + pageIndex,//要发送的数据
complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
success: function(msg){//msg为返回的数据,在这里做数据绑定
var data = msg.table;
$.each(data, function(i, n){
var row = $("#template").clone();
row.find("#OrderID").text(n.订单ID);
});
AJAX提交FORM表单: (如果异步提交参数太多,可以采用 $("#doOrderForm").serialize() 方式提交)
$.ajax({
url:"ajaxOccupySale.shtml",
type:"post",
data:$("#doOrderForm").serialize(),
async: false,
success: function(xml){
alert(xml);
}
});
分享到:
相关推荐
### 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的标签库...