`

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()

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

    主要介绍了详细解读Jquery各Ajax函数($.get(),$.post(),$.ajax(),$.getJSON())的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下

    Web前端Ajax&JQuery视频教程课件

    本套Java教程涵盖Ajax的实现原理,XMLHttpRequest实现Ajax,回调函数,Ajax数据交换格式(HTML、XML、JSON),Ajax发送GET和POST请求,异步编程模型和同步编程模型,解决Ajax的GET请求缓存问题,使用Ajax验证用户名...

    jquery+ajax无刷新评论源码(包含无刷新分页)

    实现了获取评论无刷新,发表评论无刷新,www.sendawangluo.com页面...做AJAX应用,jquery提供的$.get()、$.post()函数都可以用于提交数据,但建议使用$.ajax()来提交,那两个函数都不提供错误返回信息,不利全面掌控。

    详谈jQuery Ajax(load,post,get,ajax)的用法

    今天看到群里面有网友们问到Jquery Ajax的(load,post,get,ajax)之间的区别,现在整理了一篇文章出来,希望可以帮到网友们,首先我们先来看一些简单的方法, 这些方法都是对jQuery.ajax()进行封装以方便我们使用的...

    jQuery.ajax()

    简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。 最简单的情况下,$.ajax()可以不带...

    利用jquery Ajax验证重复

    简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。 $.ajax() 只有一个参数:参数 key/value 对象,包含各...

    ajax通过jquery传递的原理

    * jquery底层ajax实现!简单易用的高层实现$.get,$.post等!$.ajax()返回其创建的XMLHttpRequest对象!大多数情况下你无需直接操作函数!除非你需要操作不常用的选项,以获得更多的灵活性!

    Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结

    详细解读Jquery各Ajax函数: $.get(),$.post(),$.ajax(),$.getJSON() 一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表,callback为请求成功后的回调函数,该函数接受两个参数,第一个...

    jQuery中ajax – post() 方法实例详解

    在jquery中的ajax有二个数据发送模式,一种是get,另一种是post()。 jQuery Ajax 参考手册 实例 请求 test.php 网页,忽略返回值: $.post(“test.php”); TIY 实例 通过 AJAX POST 请求改变 div 元素的文本: $(...

    jquery+ajax无刷新评论源码

    做AJAX应用,jquery提供的$.get()、$.post()函数都可以用于提交数据,但建议使用$.ajax()来提交,那两个函数都不 提供错误返回信息,不利全面掌控。 提交数据是action代表要执行的操作,id传递文章id,page是请求的...

    jQuery中Ajax的get、post等方法详解

    在项目中,如果需要传递一些参数给服务器中的页面,那么可以使用$.get()或者$.post()方法(或者是$.ajax()方法) $.get()方法使用GET方式来进行异步请求。结构为:$.get(url [, data] [, callback] [, type]) $.get()...

    jQuery在header中设置请求信息的方法

    jquery是js的类库,js本身不能操作header,因为js是在浏览器加载页面过程中才开始执行的header需要服务器端执行操作 如果是ajax,是可以设置header $.ajax({ url: "", data: {}, type: "GET", beforeSend: ...

    jQuery Ajax 实例代码 ($.ajax、$.post、$.get)

    $.post、$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax() 一、$.ajax的一般格式 $.ajax({ type: 'POST', url: url , data: data , success: success , dataType: dataType }); 二、...

    jQuery学习笔记之Ajax用法实例详解

    简单易用的高层实现见 .get,.post 等。 .ajax()返回其创建的XMLHttpRequest对象。大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回...

    jQuery中ajax的使用与缓存问题的解决方法

    1:GET访问 浏览器 认为 是等幂的就是 一个相同的URL 只有一个结果[相同是指 整个URL字符串完全匹配]...谈Ajax的Get和Post的区别 Get方式:用get方式可传送简单数据,但大小一般限制在1KB下,数据追加到url中发送(http的

    jQuery Ajax之$.get()方法和$.post()方法

    注意:$.get()和$.post()方法是jQuery中的全局函数。前面讲到的load()方式是对jQuery对象进行操作的。 1、 $.get()方法  $.get()方法使用GET方式来进行异步请求。  它的语法结构为:  $.get( url [, data] [, ...

    jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解

    当我们用javascript写ajax程序写得很“开心”的时候,突然有人告诉你有一种东西叫jquery,它会告诉你不直接和HttpRequest是多么的快乐,同时你再也不需要再烦恼纠结的ajax乱码问题,更幸福的是你的js代码将大大地...

    在jquery中的ajax方法怎样通过JSONP进行远程调用

    关于JSONP的概念和为什么要使用JSONP网上已经有很多教程,这一节主要演示下在JQUERY中的ajax方法怎样通过JSONP进行远程调用 首先介绍下$.ajax的参数 type:请求方式 GET/POST url:请求地址 async:布尔类型,默认为...

Global site tag (gtag.js) - Google Analytics