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

jQuery 和 Javascript Ajax代码比较

阅读更多

javascript HTML片段

var xhr;

if(window.XMLHttpRequest){
    xhr = new XMLHttpRequest();
}else if (window.ActiveXObject){
    xhr = new ActiveXObject("Xsxml2.XMLHTTP");
}
else{
    throw new Error("Ajax is not supported by this browser");
}

xhr.onreadystatechange = function(){
    if(xhr.readyState == 4){
        if(xhr.status >= 200 && xhr.status<300){
            document.getElementById('someContainer')
                .innerHTML = xhr.responseText;
        }
    }
}

xhr.open('GET','/serverResource');
xhr.send();

 

jQuery 等效代码:

$('#someContainer').load('/serverResource');

 

 

要是是你,你喜欢写哪种代码? ^_^

分享到:
评论
1 楼 hastune 2011-05-13  
第一种

相关推荐

    使用jQuery ajax提交表单代码

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互等任务。本文将深入探讨如何使用jQuery的ajax方法来提交表单,从而实现异步数据交换,提高用户体验。 首先,jQuery的...

    jQuery和JavaScript使用小案例

    学习这些案例时,应重点理解它们是如何利用jQuery的便利性来简化JavaScript代码的,同时也要了解JavaScript的基础语法和原生API,以便在不适用jQuery或者需要更底层控制时能灵活应对。这些案例对于初学者来说是一份...

    ajax的jquery代码

    在这个“ajax的jquery代码”主题中,我们将深入探讨如何使用jQuery实现Ajax功能。 一、jQuery中的Ajax基础 1. `$.ajax()`: 这是jQuery中最基础的Ajax函数,它可以接受一个包含各种选项的对象作为参数,如URL、类型...

    JSP&Servlet&JavaScript&Ajax&jQuery源代码

    这些文件名称列表揭示了一个关于Web开发的教程结构,主要涵盖了JSP(JavaServer Pages)、Servlet、JavaScript、Ajax和jQuery这五个关键的技术。接下来,我们将详细探讨这些技术及其在实际应用中的重要性。 **JSP...

    基于JQuery框架的AJAX实例代码

    在这个"基于JQuery框架的AJAX实例代码"中,我们将探讨如何使用jQuery提供的API,包括`$.ajax`,`$.post`和`$.get`,来实现异步数据传输。 1. **$.ajax()** `$.ajax()`是jQuery中最全面的AJAX方法,它可以处理GET和...

    jquery与ajax调用,有代码 , 有说明,使ajax调用简单

    在"JQuery实战2:功能表单 - JQuery - AJAX - JavaEye论坛.files"这个压缩包中,可能包含了相关的代码示例和论坛讨论,你可以下载并参考这些资料,以便更好地理解和应用jQuery与Ajax的结合使用。 总结来说,jQuery...

    jquery,ajax的几个小例子

    在提供的"jquerydemo"中,可能包含了一些简单的HTML页面和JavaScript代码,用于演示如何在没有数据库的情况下使用jQuery和Ajax。这些例子可能包括了级联选择和自动补全等交互效果,你可以直接运行这些示例,观察它们...

    javascript+jquery+ajax相关学习资料PPT

    JavaScript、jQuery和AJAX是Web开发中的核心技术,广泛用于创建动态和交互式的网页。这些技术在现代网页设计中起着至关重要的作用,因为它们能够实现页面的无刷新更新,提高用户体验,减少服务器负担。 首先,...

    jQuery+JavaScript+ajax手册.rar

    在IT行业中,jQuery、JavaScript和Ajax是Web开发中不可或缺的部分,它们共同构建了现代动态网页的基础。本手册的目的是提供全面而深入的指导,帮助开发者更好地理解和应用这些技术。 JavaScript,一种广泛使用的...

    JavaScript和jquery实战手册

    jQuery则是一个JavaScript库,简化了DOM操作、事件处理、动画效果和Ajax交互。jQuery的主要知识点包含: 1. 快速DOM选择:通过简洁的语法,如$("#id")、$(".class"),快速选取DOM元素。 2. DOM操作:添加、删除和...

    JavaScript&jQuery应用&ajax

    通过分析和修改这些代码,你可以更好地理解和掌握JavaScript、jQuery和AJAX的用法。 总的来说,这个"JavaScript&jQuery应用&ajax"教程为初学者提供了一个全面的学习路径,从基础到实践,涵盖了Web开发中至关重要的...

    jquery ajax源代码

    在提供的代码片段中,可以看到两个函数:`doload1` 和 `doload2`,它们都使用了 jQuery 的 AJAX 方法来发送请求并处理返回的数据。 ##### 2.1 doload1 函数 ```javascript function doload1() { $.ajax({ url: ...

    Jquery Ajax分页(有实例)

    jQuery,一个轻量级、功能丰富的JavaScript库,结合AJAX(异步JavaScript和XML)技术,可以实现动态、高效的分页效果。本篇文章将深入探讨jQuery AJAX分页的原理与实践,通过具体的实例来展示如何实现炫酷的分页功能...

    jQuery中的ajax学习

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理以及Ajax交互等任务。本篇文章将深入探讨jQuery中的Ajax学习,主要聚焦于如何使用jQuery进行异步数据交换,以及它如何帮助开发者创建更...

    jqueryTreeTable+ajax(构建树形表格)

    - 编写JavaScript代码,初始化TreeTable,定义AJAX请求的URL和成功回调函数。在回调中,解析JSON数据并添加到表格中。 **五、扩展与优化** 1. **分页**:对于大量数据,可以考虑在服务器端实现分页,每次只加载一...

    Jquery和ajax结合使用的小例子

    在"Jquery&AjaxTest"这个项目中,你可以找到实际的示例代码,通过阅读和运行这些代码,你可以更深入地理解jQuery如何与Ajax配合工作。这些例子可能包括如何使用Ajax获取和更新数据、处理服务器响应、以及如何在不...

    写个一个简单的web项目,把前端技术:html、css、JavaScript、jQuery,ajax,bootstrop等都放在这个web项目上了。

    jQuery是一个流行的JavaScript库,简化了DOM操作、事件处理、动画制作和Ajax交互。它提供了简洁的API,使得开发者能够用更少的代码实现相同的功能。例如,`$(selector).click(function() {...})`用于绑定点击事件,`...

    Jquery跨域Ajax请求测试

    在"JqueryWebServiceTestDemo"这个示例中,可能包含了完整的前端HTML、CSS和JavaScript文件,以及可能的服务端接口文档或示例代码,用于演示如何在实际项目中运用jQuery进行跨域Ajax请求。通过学习和运行这个示例,...

    ajax、javascript、jquery详细课件

    综上所述,这个课件将涵盖Ajax的基本概念和实现,JavaScript的基础知识和应用,jQuery库的使用,特别是其在表单验证和Ajax交互方面的功能。学习者可以通过这个课件深入理解这三者之间的关系,提升Web开发中的动态...

Global site tag (gtag.js) - Google Analytics