`

对于ajax的简单理解

阅读更多
Ajax全称:Asynchronous JavaScript and XML即异步JavaScript和XML。其实说白了就是不重新加载页面只加载某个部分。而我这里主要说的是jQuery中de AJAX方法。主要是通过HTTP Get 和HTTP Post这两种方法来从服务器上请求数据,从而达到我们所想要得目的。
jQuery 中load()方法是简单强大的AJAX方法,这个方法是在从服务器加载数据,并且返回数据放入选择器选择的元素中。它的语法结构是这样的:
$(selector).load(URL,data,callback);//URL是一个必须参数,就是需要加载的URL,
date和callback是都是可选参数,date参数用来请求字符串或者键值对的集合;callback是当load()方法完成后所需要执行的函数。

比如你需要在指定的div中加载一个文件那么就是这样实现的:
$("#div").load("test.text");

$("button").click(function(){//当点击button时执行以下操作
    $("#div1").load("test.txt",function(responseTxt,statusTxt,xhr){//给div1加载test.txt完成之后执行函数
       if(statusTxt=="success")
         alert('外部内容已加载成功');
       if(statusTxt=="error")
         alert("Error:"+xhr.status+":"+xhr.statusText);
  })
})//最后效果是load()方法成功则显示”外部内容已加载成功“失败则显示错误提示

$.get(URL,callback);//通过HTTP GET从服务器上请求数据,URL是需要请求的,也是必须参数,而callback是请求完成之后执行的函数

$("button").click(function(){//单击按钮执行操作
  $.get("test.asp",function(data,status){//请求test.asp成功之后执行函数
    alert("Data: " + data + "\nStatus: " + status);
  });
});

$.post(URL,data,callback);//与get方法类似,date是和请求一起发送的数据,URL是必须,其他是可选

$("button").click(function(){//点击按钮执行操作
  $.post("demo_test_post.asp",//请求URL  demo_test_post.asp 脚本
  {
    name:"Donald Duck",
    city:"Duckburg"
  },//和url一起发送的数据。
  function(data,status){//执行的函数,date是被请求页面的内容,status是状态。
    alert("Data: " + data + "\nStatus: " + status);
  });
});









分享到:
评论

相关推荐

    对AJax的简单理解

    ### 对AJax的简单理解 #### 一、简介 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现异步更新。...

    自己用的简单封装AJAX类

    "简单封装,使用简单"意味着这个AJAX类设计的目标是易于理解和应用,可能减少了复杂的配置选项,更注重易用性。 **标签分析:** "AJAX类"标签表明这是一个与AJAX相关的代码实现,可能是一个JavaScript对象或函数,...

    ajax使用简单demo

    Ajax简单示例 以下是一个简单的Ajax GET请求示例,通过加载一个本地文件(例如,`ajaxDEMO.txt`)并将其内容显示在页面上: ```javascript // 创建XMLHttpRequest对象 var xhr = new XMLHttpRequest(); // 监听...

    ajax最简单例子

    **Ajax(Asynchronous JavaScript and XML)**是一种...对于初学者来说,理解这个基本流程是学习Ajax的关键。随着深入学习,你还可以了解更多的高级特性,如错误处理、数据序列化、使用jQuery或其他库简化Ajax操作等。

    asp.net ajax简单例子

    ASP.NET AJAX(Asynchronous JavaScript and XML)是一种技术组合,它允许开发者创建高度交互性和响应性的Web应用程序。...对于初学者来说,这是一个很好的起点,可以深入理解ASP.NET AJAX的工作原理和实施细节。

    Ajax最简单的例子

    Ajax,全称Asynchronous JavaScript and XML,是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。...通过这个简单的例子,我们可以理解Ajax的工作流程,并在此基础上扩展到更复杂的应用场景。

    ajax简单示例(易懂易上手)

    **二、Ajax简单示例** 以下是一个简单的Ajax GET请求示例: ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'AjaxHelloWorld.json', true); xhr.setRequestHeader('Content-type', 'application/...

    AJAX入门实例-简单易懂

    对于ASP.NET AJAX,可能还会使用ScriptManager控件来初始化ASP.NET AJAX库,以及定义触发AJAX请求的按钮或其他控件。 总的来说,这个"AJAX入门实例"旨在帮助初学者理解AJAX的基本概念和工作流程,以及如何在ASP.NET...

    Ajax简单实例

    Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行...通过学习这个实例,你可以更好地理解Ajax的工作原理以及如何在实际项目中应用它。

    AJAX简单应用

    在"AJAX简单应用"这个例子中,我们可以探讨以下几个关键知识点: 1. **XMLHttpRequest对象**:AJAX的核心是XMLHttpRequest(XHR)对象,它是JavaScript内置的对象,负责在后台与服务器进行通信。通过创建...

    ajax简单的demo

    Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个...通过分析给定的文件,我们可以深入理解如何将Ajax应用于各种场景,如SSH通信、动态代码生成等,这些示例可以帮助我们更好地掌握Ajax的实际应用。

    ajax实现简单登录

    本示例是关于如何使用AJAX实现一个简单的登录系统,无需数据库操作,非常适合初学者进行实践学习。 首先,我们需要理解AJAX的基本工作原理。AJAX的核心是XMLHttpRequest对象,它允许JavaScript在后台与服务器通信。...

    完整C#ajax简单实现实例

    在这个"完整C# Ajax简单实现实例"中,我们将会探讨如何使用C#后端配合Ajax前端来实现这一功能。 首先,让我们理解C#在Ajax中的作用。在ASP.NET框架中,C#是常用的服务器端编程语言,用于处理业务逻辑和数据库交互。...

    ajax简单例子(转)

    **Ajax简介** Ajax,全称Asynchronous JavaScript and XML(异步JavaScript和XML),是一种...通过阅读博文“ajax简单例子(转)”和研究"AjaxxmlPage"中的代码,可以深入理解Ajax的工作流程及其在实际项目中的运用。

    php+jquery+ajax最简单例子

    在IT行业中,PHP、jQuery和Ajax是Web开发中的三大核心技术,它们共同构建了现代动态网页交互的基础。...通过实践这个最简单的例子,你可以逐步建立起对这三者协同工作的理解,并为更复杂的应用场景打下坚实基础。

    Ajax简单功能示例

    对于初学者来说,理解Ajax的工作原理和基本用法是非常重要的。通过实践简单的Ajax示例,你可以掌握如何与服务器进行异步通信,从而提高你的Web开发技能。在提供的压缩包文件中,可能包含了一些基本的Ajax代码示例,...

    简单AJAX jquery实现

    4. 创建和理解简单的RESTful API以服务于AJAX请求。 通过这个项目,初学者可以了解到如何在实际项目中应用jQuery进行AJAX通信,从而提升动态网页的交互性和用户体验。同时,这也是一个学习服务器端和客户端协作的好...

    .net下最简单的ajax示例

    在.NET框架中,AJAX(Asynchronous JavaScript and XML)技术被广泛用于构建具有高度交互性和响应性的Web应用程序。尽管XML在现代AJAX应用中已经...理解并熟练运用AJAX技术对于提升.NET Web开发的效率和质量至关重要。

    ajax简单示例(非常好)

    综上所述,"ajax简单示例.EXE"可能是一个模拟了上述Ajax操作的程序,供学习者理解和实践Ajax技术。通过运行这个示例,你可以观察到Ajax如何在后台与服务器交互,以及如何动态地更新页面内容,从而加深对Ajax原理的...

    Json+ajax简单实例

    在这个“Json+ajax简单实例”中,我们将深入理解这两者如何协同工作,以及如何使用它们来创建交互式Web应用。 JSON是一种轻量级的数据交换格式,它易于人阅读和编写,同时也易于机器解析和生成。它基于JavaScript...

Global site tag (gtag.js) - Google Analytics