`

jQuery的get,post Ajax函数

    博客分类:
  • .NET
阅读更多

http://www.cnblogs.com/jams742003/archive/2009/09/16/1567800.html

 

如果客户端使用jquery.ajax,TYPE为POST,或者使用jquery.post,那么服务端接收的语句应该是context.Request.Form["  "],不能使用context.Request.QueryString["  "]

 

 

客户端jquery.post如果你设置了请求的格式为"json",此时服务器端你没有设置Response回来的ContentType 为:Response.ContentType = "application/json"; 那么你将无法捕捉到返回的数据。

注意一下,alert(data.result); 由于设置了Accept报头为“json”,这里返回的data就是一个对象,并不需要用eval()来转换为对象。返回的data可以是一个对象,也可以是一个数组,主要看服务器端返回的是什么。

 

对jquery.get乱码的处理:客户端encodeURI(" ")  服务器端context.Server.UrlDecode(context.Request.QueryString[" "])

而jquery.post的无需处理乱码

 

 

http://www.iteye.com/topic/353860

 

http://www.iteye.com/topic/278768

 

http://phpbob.blog.51cto.com/636017/301179

 

Ajax被各种媒体宣传的太过火暴,抛开众多的宣传泡沫,我们来认真的思考一下,Ajax到底是什么?它能用来干什么?它应该用来干什么?
Ajax是Asynchronous JavaScript and XML的缩写,其中有三个关键词:
1 Asynchronous 
2 JavaScript 
3 XML
这三个关键词可以这么理解:
1 交互是异步的
2 在客户端用JavaScript接收、发送、展示数据
3 用XML作为传输介质
(注:严谨的说1,2,3都不一定,这里只考虑一般的状况)
那么这种性质的Ajax能用来做些什么呢?

可以用这么一段话来描述一下它的作用:
页面中的某个事件(点击、选择等)被JavaScript代码捕捉到,JavaScript对事件涉及到的数据进行封装,封装完成后以XML形式发送到服务器端,服务器端根据所给数据执行相应的查询处理封装出一份结果返回给客户端,客户端JavaScript接收到返回结果后解析并展现在客户端。

如果你理解了这段话,那么你应该会发现这和我们传统的“页面提交模型”很像。

差别其实就是这个Asynchronous,也就是说客户端数据封装后的发送是异步执行的,通俗一点讲就是:客户端向服务器端发送请求数据后,客户端这边该干什么还干什么,你看不出什么变化。当结果从服务器端返回后,客户端JavaScript得到结果,神不知鬼不觉的把结果放在页面的某个地方。

这样你说Ajax能用来干什么?可以说传统的“页面提交模型”能干的事情它都能干。
但是它能干未必就意味着我们就要这么干。试想,用户注册页面用Ajax实现会是怎么个场景?

最后,它应该用来干什么?
1 二级或N级联动列表
如果下一级列表数据依赖于上一级选择,并且数据是动态不定的,那么这种情况用Ajax实现就会很自然。
2 用户界面输入辅助
你在Google中输入一个或几个字,就会出现一个下拉列表供你选择比较热门的相关词语。
3 数据校验
当焦点离开某控件时判断控件中数据是否合法。

以上三种情况是我认为比较适合使用Ajax的代表。当然Ajax还有更多的应用,不过从上面我们“可见一斑”。

基于上述各点,我认为Ajax能为Web程序添加很多光彩,但是想要颠覆甚至取代传统Web编程模型,那是不可能完成的任务。

 

分享到:
评论

相关推荐

    详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()

    而Jquery库提供了一系列封装好的Ajax函数,如$.get(), $.post(), $.ajax(), 和$.getJSON(),这些函数简化了前端开发者与后端数据交互的过程。 ### 1. $.get() `$.get()`函数是最简单的一种异步请求方式,它发送一...

    jQuery实现的Ajax函数(已测试)——ASP

    除了基础的`$.ajax()`,jQuery还提供了其他便捷的Ajax函数,如`$.get()`, `$.post()`, `$.getJSON()`等。例如,`$.get()`简化了GET请求: ```javascript $.get('ajax_test.asp', function(response) { console.log...

    jQuery+get/post+Ajax+Json

    标题"jQuery+get/post+Ajax+Json"揭示了这一技术组合如何在现代Web应用程序中实现高效的数据通信。 首先,jQuery是一个轻量级的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互...

    JQuery各Ajax函数说明

    ### JQuery中的Ajax函数详解 #### 一、$.get() **函数定义**: ```javascript $.get(url, [data], [callback]) ``` **说明**: `$.get()` 是 jQuery 提供的一个用于发起 GET 请求的简便函数。它允许你向服务器...

    jQuery ajax、post、get、json格式传递数据例子

    本篇文章将深入探讨jQuery中的ajax、post、get方法以及如何使用json格式传递数据。 1. **jQuery的$.ajax()函数** `$.ajax()`是jQuery提供的核心Ajax功能,它可以实现异步数据交互。通过配置各种参数,可以灵活地...

    jquery,ajax的几个小例子

    2. **$.get()和$.post()**:这两个是简化的Ajax函数,分别用于GET和POST请求。例如: ```javascript $.get('your-url', {key: value}, function(response) { // 处理返回的数据 }); $.post('your-url', {key: ...

    jquery-get-post-load 方法

    ### jQuery中的GET、POST与LOAD方法详解...jQuery 的 GET、POST 和 LOAD 方法以及 AJAX 方法为开发者提供了强大的工具来处理客户端与服务器之间的数据交互。通过合理运用这些方法,可以极大地提升 Web 应用的用户体验。

    jQuery中的get()/post()方法

    本篇文章将深入探讨jQuery中的两个核心Ajax方法——`get()`和`post()`,它们用于与服务器进行异步数据交换,是Web开发中不可或缺的部分。 `get()`和`post()`方法是jQuery提供的一对轻量级的Ajax接口,用于实现...

    学习jQuery中的Ajax——$.get()方法

    `$.get()`是jQuery提供的一个便捷的Ajax函数,用于发起GET类型的HTTP请求。 ### 一、$.get()的基本用法 `$.get()`函数接收四个参数: 1. **URL** - 需要请求的服务器地址。 2. **data** - 可选,一个对象或字符串...

    jqueryajax jquery ajax

    3. **简化的AJAX函数**:jQuery提供了更加简洁的接口,如`$.get()`、`$.post()`、`$.getJSON()`等。例如,用`$.get()`获取数据: ```javascript $.get('example.php', {key: 'value'}, function(response) { // ...

    jquery由GET转成POST方法工具类

    3. **发起POST请求**:使用jQuery的`$.ajax`或简化的`$.post`方法发起POST请求。`$.ajax`允许更灵活的配置,而`$.post`则是一个简化的版本,适用于简单的POST请求。 ```javascript (function($) { $.fn.postSubmit...

    JQuery DoM和ajax 操作

    1. **$.ajax()**: 这是jQuery中最全面的AJAX函数,允许我们自定义请求的所有参数,如URL、类型(GET或POST)、数据、回调函数等。 2. **$.get()** 和 **$.post()**: 这两个简化版的函数分别用于GET和POST请求,适合...

    jquery-ajax教程

    通过本文的学习,你将能够掌握使用jQuery进行Ajax调用的基本方法,了解其优势,并学会如何利用jQuery提供的Ajax函数来提高开发效率。 #### 二、jQuery与Ajax的关系 jQuery是一款轻量级的JavaScript库,它简化了...

    jQuery中的ajax学习

    `$.ajax()`接收一个配置对象,这个对象包含了关于请求的所有细节,如URL、类型(GET或POST)、数据、成功和错误回调函数等。例如: ```javascript $.ajax({ url: 'http://example.com/api/data', type: 'GET', ...

    使用jQuery的ajax的post与get发送数据到指定url

    本篇文章将深入探讨如何使用jQuery的`ajax`方法中的`post`和`get`来向指定URL发送数据。 首先,让我们了解`GET`和`POST`这两种HTTP请求方法的基本概念。`GET`是最常见的请求方式,用于从服务器获取数据,通常显示在...

    jquery.unobtrusive-ajax.rar

    比如`data-ajax="true"`启用Ajax处理,`data-ajax-url`指定请求的目标URL,`data-ajax-method`定义HTTP方法(GET或POST)等。 2. **事件处理**:库内部监听`ajaxStart`、`ajaxSend`、`ajaxSuccess`、`ajaxError`等...

    使用jQuery框架实现ajax需要的包

    首先,jQuery的Ajax功能是其核心特性之一,通过$.ajax()函数,我们可以轻松地发起异步数据请求。例如,一个基本的GET请求可以这样编写: ```javascript $.ajax({ url: 'http://example.com/api/data', type: 'GET...

    jquery的ajax方法

    **$.ajax()**是jQuery中最全面的Ajax请求函数,它允许我们自定义各种参数以满足不同的需求。通过这个方法,我们可以设置请求的类型(GET或POST)、URL、数据、回调函数等。例如: ```javascript $.ajax({ type: '...

    jquery-ajax最简单的实力

    在这个教程中,我们将深入理解如何使用jQuery中的AJAX函数来读取XML文件,进而实现二级联动效果,这对于初学者来说是一个很好的学习起点。 **一、jQuery AJAX基础** 1. **AJAX简介**:AJAX允许在不刷新整个页面的...

    Jquery Ajax分页(有实例)

    - **发送AJAX请求**:使用`$.ajax()`函数,设置URL(指向获取数据的接口)、类型(GET或POST)、数据(如果需要的话,如当前页码、每页显示数量)等参数。 - **处理服务器响应**:成功回调函数中,将返回的数据...

Global site tag (gtag.js) - Google Analytics