`
ollevere
  • 浏览: 264642 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery Ajax 使用

 
阅读更多
方式一: $.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使用 全解析

    ### jQuery Ajax使用时的注意事项 - **跨域问题:** 如果请求的URL跨域,则需要服务器端支持CORS。 - **回调函数中的this指向:** 在回调函数中,this通常指向当前的DOM元素或Ajax请求的配置选项,具体取决于调用...

    jqueryajax使用jQuery简化Ajax开发—Ajax开发入门[1]

    ### 使用jQuery简化Ajax开发 #### 1. 什么是jQuery? jQuery是一个非常优秀的JavaScript库,它在2006年由John Resig创立。无论你是JavaScript的新手还是专家,jQuery都能简化DOM(Document Object Model)和Ajax的...

    Jquery Ajax分页(有实例)

    - 对于文字分页,我们可以看到如何使用jQuery选择器定位分页元素,动态生成和更新页码链接,同时通过AJAX请求获取新的数据。 - 图片分页可能涉及到图片预加载和懒加载技术,确保在用户滚动到相应位置时,图片能够...

    jquery ajax框架

    `readme.txt`通常包含有关压缩包内容的说明,可能解释了如何使用这些文件,或者提到了关于jQuery AJAX使用的注意事项。 总的来说,jQuery AJAX框架为开发者提供了一套强大且易于使用的工具,以实现高效的数据交互和...

    jQuery Ajax前后端使用JSON进行交互示例

    本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例,实现前端通过jQuery Ajax传输json到后端,后端接收json,对json进行处理,后端返回一个json给前端,有兴趣的可以了解一下。

    jquery ajax用json传值实例asp.net

    2. **jQuery AJAX使用**:$.ajax()方法是jQuery中的核心API,用于执行异步HTTP (Ajax) 请求。下面是一个基本的$.ajax()调用实例: ```javascript $.ajax({ url: 'your_server_side_script.aspx', type: 'POST', /...

    asp+jquery ajax实例源码,添加,删除,修改,分页

    - 在前端,jQuery监听表单提交事件,阻止默认的表单提交行为,然后使用$.ajax()发送包含新数据的POST请求到ASP服务器端脚本。 - ASP接收到请求后,通过ADO(ActiveX Data Objects)处理数据库操作,如使用SQL ...

    Jquery ajax方式读取txt文件、Jquery分页.

    在给定的标题和描述中,主要涉及两个关键知识点:使用jQuery的AJAX方法读取TXT文件和实现jQuery分页功能。接下来,我们将深入探讨这两个主题。 首先,我们来讨论如何使用jQuery的AJAX方法读取TXT文件。AJAX(异步...

    使用jQuery ajax提交表单代码

    本文将深入探讨如何使用jQuery的ajax方法来提交表单,从而实现异步数据交换,提高用户体验。 首先,jQuery的$.ajax()函数是进行Ajax请求的核心,它允许我们与服务器进行异步数据通信。在“使用jQuery ajax提交表单...

    jqueryajax jquery ajax

    **jQuery AJAX** 是一个在Web开发中广泛使用的JavaScript库,由John Resig于2006年创建。jQuery简化了JavaScript中的异步HTTP(Ajax)请求,使得开发者能够轻松地与服务器进行数据交互,实现页面的局部刷新,提高...

    html静态页JQuery ajax示例demo 源码

    在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之间数据转换jquery ajax Datatable与json之间数据转换...

    jquery ajax源代码

    在提供的代码片段中,可以看到两个函数:`doload1` 和 `doload2`,它们都使用了 jQuery 的 AJAX 方法来发送请求并处理返回的数据。 ##### 2.1 doload1 函数 ```javascript function doload1() { $.ajax({ url: ...

    使用 jquery ajax访问后台服务器demo

    使用 jquery ajax访问后台服务器demo

    java程序使用jquery AJAX

    以下是一个使用jQuery AJAX的示例: ```javascript $.ajax({ url: "http://yourserver.com/yourjavaendpoint", // 这是你的Java服务端接口地址 type: "POST", // 请求类型,可以是GET或POST data: JSON....

    JqueryAjax简单实例

    在这个"JqueryAjax简单实例"中,我们主要关注如何在Visual Studio 2005 C#环境下利用jQuery实现AJAX的功能。首先,我们需要确保项目中已经引入了jQuery库。这通常通过在HTML头部添加jQuery库的CDN链接或者将jQuery....

    Jquery Ajax简易计算器

    jQuery封装了AJAX函数,使得开发者可以更轻松地使用AJAX。 **AJAX工作原理** 1. **用户触发事件**:用户在计算器界面上输入数字或点击运算符按钮。 2. **创建AJAX请求**:jQuery的`.ajax()`方法用于创建AJAX请求。...

    jQuery Ajax过滤器

    **jQuery Ajax过滤器详解** 在Web开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于页面异步更新,提供更流畅的用户体验。jQuery库简化了Ajax操作,它内置了一系列强大的Ajax方法,其中包括Ajax...

    jQuery Ajax 实例 全解析

    jQuery Ajax 实例 全解析; jQuery Ajax 实例 全解析;

    Struts2+jQuery ajax的一个商品小系统

    5. **Ajax请求**:在前端,使用jQuery的`$.ajax()`或者更高级的`$.post()`、`$.get()`方法发送Ajax请求,例如添加商品时,将商品信息发送到服务器。 6. **JSP页面**:展示商品列表和详细信息,使用Struts2的标签库...

Global site tag (gtag.js) - Google Analytics