`
longgangbai
  • 浏览: 7325729 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jQuery使用ajax的post与get发送数据

阅读更多

针对上一篇JQuery学习中使用JQuery和Prototype整合使JQuery的tab实现局部数据,使用Prototype的Ajax中方法,现在使用JQuery实现同样的功能,如下:

 

jQuery真是个非常强大的类库,今天学习了一下,爱上了,讲下jQuery中ajax使用方法.

例子:

test.html

页面引用<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

内容有:

<div id="divMsg">Hello World!</div>

用法1:(页面载入时读取远程页面内容到divMsg)

$("#divMsg").load(http://localhost:8012/t.asp, { "resultType": "html" });

返回类型resultType有如下几种:

"xml", "html", "script", "json", "jsonp", "text"

用法2:(点击post数据返回数据)

<input type="button" id="bnajax" value="ajax" onclick="ajaxTest()" />

<script type="text/javascript" >

 function ajaxTest()
 {
  $.post("http://localhost:8012/t.asp", { "txt": "123" },function(data)
  {
   $("#divMsg").html(data);
  }
  );
 }

</script>

下面是摘自网络的函数:

post方法如下:

    function test(access_url, tipE){

        $.post(access_url,{ 
            first: "test1", second: "test2"
            }, function(data){
                    if(data.success){
                        $('#' + tipE).html('处理成功');
                    }else{
                        $('#' + tipE).html(data.msg);   
                    }
            },'json'
       )
    }
如果想用get方法,则把post换为get就可以了,挺简单!

这个函数中data值为服务端返回的值,且为JSON格式,当然了,这里可以用其他类型,如text,xml等等之类。

服务端返回值是JSON格式,如:{success:true, msg:"测试成功"}

分享到:
评论
4 楼 longgangbai 2011-10-30  
i6om 写道
zhangyou1010 写道
post和get,load哪种方式更快呢?

一样的,都是对jQuery.ajax()进行的封装



不能这样含糊的回答,如果使用get方式,是多次请求信息一样,基本确定是JQuery.get快咯,其他情况就不确定。虽然他们都是jQuery的ajax封装。
2 楼 longgangbai 2010-05-03  
zhangyou1010 写道
post和get,load哪种方式更快呢?



不好意思,这个问题我也不知道!!
1 楼 zhangyou1010 2010-04-27  
post和get,load哪种方式更快呢?

相关推荐

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

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

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

    当使用jQuery的Ajax方法与后端进行数据交互时,通常会涉及到HTTP头的设置,如`contentType`(指定发送数据的格式)和`dataType`(期望服务器返回的数据类型)。在处理JSON数据时,这些设置至关重要,例如: ```...

    PHP+Jquery+AJAX POST,GET提交表单并接收返回

    3. **AJAX请求**:使用jQuery的`$.ajax()`或`$.post()`,`$.get()`方法发起异步请求。例如,对于POST请求: ```javascript $.ajax({ type: 'POST', url: 'server_script.php', // PHP处理脚本路径 data: $('...

    ajax POST 与GET提交的区别

    #### 三、AJAX中GET与POST的使用建议 根据上述分析,我们可以得出以下结论: - 对于只需要获取数据且数据量不大、不涉及敏感信息的场景,推荐使用GET请求。 - 对于需要提交大量数据、涉及敏感信息或需要改变服务器...

    jQuery+get/post+Ajax+Json

    1. jQuery的$.get和$.post方法:这两种方法是jQuery提供的Ajax(异步JavaScript和XML)接口,用于与服务器进行非刷新的数据交换。$.get用于发送GET请求,而$.post用于发送POST请求。它们都接受四个参数:URL、数据、...

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

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

    jquery最全面的ajax例子 ajax post get load 应有尽有

    load()方法 、 $.get()和$.post()方法 、 $.getScript()和$.getJson() 、 $.ajax()方法 、 ...jQuery中的Ajax全局事件 这些都有详尽的例子,一看代码,你就能明白jquery里实现ajax是怎么回事了,简单明了。

    jQuery中ajax请求后台返回json数据并渲染HTML的方法

    这个方法允许我们指定请求的类型(如GET或POST)、URL地址、传递的数据以及当请求成功时如何处理返回的数据。 2. 后台数据的返回格式:在后台处理完毕后,返回的数据需要被编码为JSON格式。PHP是常用于处理请求并...

    Asp.Net MVC之jQuery与AJAX操作实例

    在Asp.Net MVC框架中,jQuery和AJAX的结合使用极大地提升了用户体验,使得网页能够实现异步数据交互,无需刷新整个页面即可完成数据的增删查改操作。本实例将深入探讨如何在Asp.Net MVC项目中应用jQuery与AJAX。 一...

    JS使用AjAX实例,JQUERY使用AJAX实例

    - jQuery简化了AJAX操作,提供了`.ajax()`、`.get()`、`.post()`等方法。 - `.ajax()`方法示例:`$.ajax({ type: 'GET', url: 'url', data: data, success: function(response) { /* 处理响应 */ } });` - `.get...

    jquery,ajax的几个小例子

    然后,前端通过$.ajax()或$.get()发送请求,获取并解析返回的JSON数据。 **四、级联选择和自动补全** 级联选择是指在一个下拉框的选择会影响到另一个下拉框的选项。这可以通过监听第一个下拉框的change事件,然后...

    Jquery和ajax结合使用的小例子

    **jQuery和Ajax结合使用是Web开发中的常见技术组合,它能帮助开发者实现页面无刷新的数据交互,提升用户体验。Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下更新部分网页内容的技术...

    jquery的ajax方法

    在Web开发中,jQuery的Ajax功能极大地简化了XMLHttpRequest对象的使用,使得前端与后端的数据交换变得更加便捷。 **$.ajax()**是jQuery中最全面的Ajax请求函数,它允许我们自定义各种参数以满足不同的需求。通过这...

    Ajax里jQuery的ajax与ssh集成

    当我们谈论Ajax与jQuery的ajax方法与SSH框架的集成时,实际上是在讨论如何在前端使用jQuery的Ajax功能与后端SSH框架进行通信,实现数据的无刷新交互。 首先,jQuery的`$.ajax()`方法是核心工具,它允许我们发起异步...

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

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

    Jquery Ajax 前后台数据传输

    本文将详细介绍使用jQuery AJAX实现三种不同方式的前后台数据传输,以及如何处理界面内容的传值和返回值。 1. **基本的AJAX调用** jQuery提供了`$.ajax()`方法,它是所有其他AJAX功能的基础。例如,我们可以使用...

    利用JQuery jsonp实现Ajax跨域请求json数据

    本篇文章将详细讲解如何利用jQuery的jsonp方法实现Ajax跨域请求,以及如何在服务器端使用.Net的*.handler和WebService来返回JSON数据。 首先,理解JSONP的基本原理。JSONP是一种非官方的协议,通过动态创建`...

    jQuery的Ajax实现异步传输List、Map

    本话题将深入探讨如何使用jQuery的Ajax功能实现异步传输List和Map类型的数据,同时涉及JSON数据格式的使用。 首先,让我们了解JSON(JavaScript Object Notation),它是轻量级的数据交换格式,易于人阅读和编写,...

    jquery+AJAX小小项目

    在Web开发中,jQuery和AJAX是两种非常重要的技术,它们使得前端与后端的数据交互变得更加便捷和高效。本项目主要展示了如何利用jQuery库来实现AJAX的增删改查功能,帮助开发者更好地理解和运用这两种技术。 **一、...

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

    $.post()方法与$.get()类似,但使用POST方式提交数据,更适用于发送大量或敏感数据,因为POST请求不会显示在浏览器地址栏。基本语法如下: ```javascript $.post(url, data, success, dataType); ``` 两者之间的...

Global site tag (gtag.js) - Google Analytics