`
wcb820710
  • 浏览: 23443 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

jQuery Ajax解析$.ajax()

    博客分类:
  • Ajax
阅读更多
$.ajax({
   async:true,  //默认:true(异步请求)
   cache:true,  //默认:true,设置为false将不会从浏览器缓存中加载请求信息
   type:"POST", //默认:GET,请求方式    
   dataType:"xml", //服务器返回的数据类型["xml","html","script","json","jsonp"] 
   url:"url",  //(默认:当前页地址)请求发送的地址
   data:{key:"value"}, //发送到服务器的数据
   error:function(xml){alert('Error Loading XML document' + xml);} //请求失败时调用  
   timeout:1000, //设置请求超时时间
   success:function(xml)//请求成功后回调函数 参数:服务器返回数据 数据格式
     $("#user").empty();
     //用jQuery处理xml数据
     $(xml).find("Table").each(function(){
        var loginname = $(this).find("Loginname").text();
        var name = $(this).find("Name").text();
        $("#user").append("<li>" + loginname + "-" + name + "</li>");
     });
----------------------------------------------------------------------
     $(xml).find("user").each(function(i){
        var loginname = $(this).find("user loginname").eq(i).text();
        var name = $(this).find("user name").eq(i).text();
        $("#user").append("<p>" + loginname + "</p> + "<p>" + name + "</p><br/>");
     });
----------------------------------------------------------------------
     $(xml).find("student").each(function(i){
        var id = $(this).children("id");  //取对象
        var id_value= $(this).children("id").eq(i).text();  //取文本
        alert(id_value);  //这里就是id值
        alert($(this).attr("email"));  //这里能显示student的email属性
        $("<li></li>").html(id_value).appendTo("<ol>");
     });
   }
});
分享到:
评论

相关推荐

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

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

    jquery 异步调用$.ajax() $.post() $.get()

    本篇文章将深入探讨jQuery中的异步调用方法,包括`$.ajax()`,`$.post()`和`$.get()`,以及它们在实际开发中的应用。 首先,`$.ajax()`是jQuery提供的最强大的异步数据请求函数,它支持多种HTTP请求方法,如GET、...

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

    接下来,我们将详细介绍jQuery中各种AJAX函数,包括$.get()、$.post()、$.ajax()和$.getJSON()。 首先,$.get()方法是一种简单实现GET请求的方式。它的语法是$.get(url, [data], [callback])。其中url参数代表请求...

    Jquery中$.post和$.ajax的用法小结

    `$.post`和`$.ajax`是jQuery中用于实现Ajax(异步JavaScript和XML)请求的两个关键方法,它们允许我们在不刷新整个页面的情况下更新网页的部分内容,提高用户体验。 `$.post`是`$.ajax`的一个简化版本,主要用来...

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

    在jQuery中,有四种主要的Ajax方法用于与服务器进行异步数据交互,它们分别是$.get(), $.post(), $.ajax()和$.getJSON()。这些方法简化了JavaScript中的Ajax操作,使得开发者能够更加便捷地处理数据交互。 1. **$....

    jQuery Ajax 全解析.pdf

    - **$.ajax()**:这是jQuery中最常用的Ajax方法,它允许开发者定制化请求的各种细节。 - **$.get()**:这是一个简单的GET请求方法,用于获取数据。 - **$.post()**:与$.get()类似,但它是用于发送POST请求的方法。 ...

    jqueryajax的$post和$get方法共3页.pd

    在实际应用中,`$.post()`和`$.get()`可以与jQuery的其他功能结合使用,如`serialize()`(序列化表单数据)和`ajaxStart()`/`ajaxStop()`(监控Ajax请求状态)。此外,它们还可以通过设置选项来定制请求行为,例如...

    jQuery+get/post+Ajax+Json

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

    jQuery Ajax 全解析.

    ### jQuery Ajax 全解析 #### 一、简介与概述 jQuery 是一款优秀的 JavaScript 库,以其轻量级、易用性著称,在前端开发中扮演着重要的角色。它简化了许多原本复杂的操作,如 DOM 操作、事件处理以及 Ajax 交互等...

    jQuery_Ajax全解析.docx

    `$.ajax()`是jQuery中功能最全面的Ajax函数,提供了更多的配置选项,如HTTP方法、数据类型、缓存控制、错误处理等。对于复杂的需求,应优先考虑使用`$.ajax()`。例如: ```javascript $.ajax({ type: "POST", url:...

    jQuery 封装Ajax

    jQuery的Ajax方法主要包括`$.ajax()`, `$.get()`, `$.post()`, `$.getJSON()`等。这些方法都提供了一种优雅的方式来发送和接收数据,同时提供了丰富的配置选项来处理各种情况。 ### 1. `$.ajax()` `$.ajax()`是...

    全面解析$.Ajax()方法参数(推荐)

    $.ajax()是jQuery库中用于AJAX通信的底层方法,它封装了原生的AJAX实现,并提供了简单易用的接口。该方法仅接受一个参数,即一个包含设置和回调函数的对象,所有的参数都是可选的。通过$.ajax()方法,开发者可以指定...

    jQuery $.get 的妙用 访问本地文本文件

    在实际应用中,`$.get` 通常与 jQuery 的其他 AJAX 方法一起使用,如 `$.ajax`、`.load` 等,它们提供了更多的配置选项,如错误处理、缓存控制等。例如,如果你需要在请求失败时执行某些操作,可以添加错误处理回调...

    ajaxshili.rar_$.ajaxshili

    $.ajaxshili可能是对jQuery库中$.ajax方法的一个扩展或封装,为开发者提供了更便捷的AJAX操作。 【描述】"ajax 经 典 实 例 大 全 附带数据库设计及源码" 暗示了这个资源不仅提供了多种AJAX技术的实际应用案例,还...

    jquery_api.mxp

    jQuery提供了一种统一的方式来处理事件,如$.on()用于绑定事件,$.off()用于解绑事件。同时,还可以使用$.trigger()触发自定义事件。此外,还有$.event对象,包含了与事件相关的各种方法和属性。 五、动画效果 ...

    jQuery Ajax 实例 全解析

    `$.ajax()` 是jQuery AJAX的核心方法,允许完全定制请求。它接受一个包含各种选项的对象,如 `url`、`type`(GET或POST)、`data`、`dataType`(预期的服务器响应类型)、`success` 回调、`error` 回调等。例如: `...

    一个页面实现Ajax效果的增删改查-JQuery+Json版.zip

    在jQuery中,我们可以使用$.parseJSON()(在新版本中已弃用,推荐使用$.getJSON()或直接将dataType设为'json')来解析JSON字符串: ```javascript var jsonData = $.parseJSON(jsonString); // 或者 $.getJSON('api...

    jqueryajax jquery ajax

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

    jQuery中的$.ajax()方法应用

    jQuery中的$.ajax()方法是一个非常强大的工具,用于执行Ajax请求。下面详细介绍$.ajax()方法的应用。 首先,$.ajax()方法的使用语法如下: ```javascript $.ajax({ url: "", // 请求的服务器端URL type: "", // ...

    jQuery ajax

    jQuery提供$.param()方法将JavaScript对象序列化为URL查询字符串,以及$.parseJSON()(现在已废弃,推荐使用JSON.parse())将JSON字符串解析为JavaScript对象。 **6. 响应状态和回调函数** 在$.ajax()中,可以定义...

Global site tag (gtag.js) - Google Analytics