`
dove19900520
  • 浏览: 599666 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery 中post 、get的同步问题

阅读更多

从昨天开始就研究cookie的问题。

发现在$.ready()中同时发起两个post请求,来获取cookie的值(当cookie值存在时获取,不存在时先创建后获取)时,理论上应该获取的cookie值是相同的,当实际上每一个post请求都重新创建了属于自己的新的cookie。后来问了下同事,他们说是异步的问题,当改成同步后就可以解决这个问题,然后我尝试着去做了。结果,我成功了,呵呵。

下面我便把如何在post或get中实现同步的部分代码共享一下,希望对有同样问题的朋友有所帮助,同时也希望各位达人给出意见:

解决方法1:

在全局设置:
Js代码
$.ajaxSetup({
	async : false //取消异步
});		
然后再使用post或get方法
Js代码 
$.get("getCookie.action", {test : 12},function(data, status) {
	if (status == "success") {
		data = eval_r("(" + data + ")");
		aDataSet = data;
		alert("data is " + aDataSet);
	} else {
		alert("wrong");
	}
});

 

解决方法2:

直接使用$.ajax,如:
Js代码 
$.ajax({
	type : "post",
	url : "getCookie.action",
	data : "test=" + test,
	async : false,//取消异步
	success : function(data){
		data = eval_r("(" + data + ")");
		aDataSet = data;
	}
});

 

以上便是我的小示例,请各位多多指教。

分享到:
评论

相关推荐

    jquery异步调用post get方式

    本文将深入探讨`jQuery`中的`POST`和`GET`异步调用方式。 1. **GET方式** `GET`是最常见的HTTP请求方法,通常用于获取资源。在jQuery中,我们可以使用`$.get()`函数发起GET请求。它的基本语法如下: ```...

    jQuery中$.ajax()和$.getJson()同步处理详解

    "type"(请求方式,比如"GET"或"POST");"timeout"(超时时间,单位为毫秒);"cache"(控制浏览器缓存的开关);"data"(发送到服务器的数据);"dataType"(预期服务器返回的数据类型);"beforeSend"(发送请求...

    jQuery中异步交互技术详细指南

    除了`jQuery.ajax()`,jQuery还提供了简化版的异步方法,如`jQuery.get()`, `jQuery.post()`和`jQuery.getJSON()`。这些方法简化了常用场景下的请求,例如: - **jQuery.get(options)** - 使用GET方法发送请求。 - ...

    解决ecshop中使用jquery冲突问题

    标题"解决ecshop中使用jquery冲突问题"指的是如何在 ECShop 环境下,消除 jQuery 与 Prototype 之间的冲突,以便能够安全地使用 jQuery 的功能,特别是利用 jQuery 的 `$.get()` 和 `$.post()` 方法来替换原本使用 ...

    jquery封装下的ajax同步加载代码实例

    type: 'GET', // 或者 'POST',根据需求选择 data: {key1: 'value1', key2: 'value2'}, // 如果有需要传递的数据 dataType: 'json', // 预期服务器返回的数据类型,例如 'json', 'xml', 'html'等 async: false, ...

    jquery中ajax使用

    jQuery还提供了简化的版本,如`$.get()`和`$.post()`,适用于快速实现GET和POST请求。 ```javascript // GET请求 $.get('api/data', function(response) { console.log(response); }); // POST请求 $.post('api/...

    Jquery的Ajax应用

    在jQuery中,有几种主要的Ajax函数可供选择,包括`$.ajax()`,`$.get()`,`$.post()`,`$.getJSON()`以及`$.load()`。这些函数都提供了异步与服务器通信的能力,但各有侧重点: - `$.ajax()`是最全面的函数,允许...

    网络请求网络请求网络请求网络请求

    例如,JavaScript中的fetch API或jQuery的$.ajax,Python的requests库,Java的HttpURLConnection或OkHttp库,它们都提供了便捷的接口来发送GET和POST请求。 当涉及文件上传时,POST请求特别有用。例如,使用...

    Jquery异步交互

    `jQuery.getJSON()`则专门用于获取JSON格式的数据,它会自动处理JSONP跨域问题。 在jQuery 1.2版本中,引入了对JSONP的支持,当`dataType`设为`'jsonp'`时,jQuery会自动处理跨域请求,并调用回调函数。 总的来说...

    Jquery Ajax 前后台数据传输

    对于简单的GET和POST请求,jQuery提供了简化的`$.get()`和`$.post()`函数。例如,发送POST请求: ```javascript $.post('server-url', { key: 'value' }, function(response) { // 更新界面 }, 'json'); ``` ...

    ajax+jquery+ashx

    5. **使用 jQuery 调用 Ashx**:在 jQuery 中调用 Ashx,通常在 AJAX 请求的 URL 参数中设置 Ashx 文件的路径。例如,`$.ajax({url: 'handler.ashx', type: 'POST', data: {key: 'value'}, success: function...

    ajax C#结合Jquery实现

    在jQuery中,POST请求可以使用`$.ajax()`或更简单的`$.post()`函数。例如: ```javascript $.post('your_server_url', { key: 'value' }, function(data) { // 处理返回数据 }); ``` 而C#对应的处理方式: `...

    ajax的jquery代码

    1. `$.ajax()`: 这是jQuery中最基础的Ajax函数,它可以接受一个包含各种选项的对象作为参数,如URL、类型(GET或POST)、数据、回调函数等。例如: ```javascript $.ajax({ url: 'http://example.com/api/data', ...

    easyui的树形菜单展示-同步+异步方法-含java代码

    method: 'post', // 可选的请求方式,通常为 'get' 或 'post' onBeforeLoad: function(node, param) { // 在请求子节点数据前,可以在这里添加额外参数 param.parentId = node.id; } }); ``` 而对应的 ...

    ajaxRequest.js(ajax get post方法封装,方便前端调用)

    封装jquery ajax方法,方便调用,避免在代码中频繁使用 $.ajax({ type: 'GET', url: url, ...... )}; 统一调用公共方法即可,区分同步异步,get post!希望对大家有帮助

    jquery 1.11.3 中文API帮助文档 工具源码版

    这个文件可能包含$.ajax()、$.get()、$.post()等方法的详细说明,以及如何处理响应、设置请求头和超时等功能。 3. **regexp.html** - 正则表达式在jQuery中主要用于选择器和字符串操作。这个文件可能涵盖如何使用...

    jquery教案ppt

    2. **GET与POST**:对比GET和POST请求的区别,以及如何在jQuery中使用它们。 3. **异步与同步**:讨论同步请求(阻塞)和异步请求(非阻塞)的差异。 4. **数据类型与编码**:涵盖JSON、XML、HTML等多种数据格式,...

    JQUERY开发库+入门教程

    - **Ajax请求**: 使用`$.ajax()`或`$.get()`、`$.post()`等简化的函数发起异步请求,实现页面无刷新的数据交互。 - **JSONP跨域**: 通过`jsonp`参数,JQuery支持跨域数据请求,常用于获取服务器端动态数据。 - **...

Global site tag (gtag.js) - Google Analytics