jQuery 笔记之五 ajax

原创 2013年12月05日 16:05:38

AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新。

AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)

炒冷饭了,ajax技术出现也有好多年了,现在也不是新概念了。就是在不刷新整个网页的情况下。更新部分网页。

不过在当年确实是很惊艳,尤其在网速很挫的时代。

jquery调用  

举例

$(document).ready(function(){
  $("#btn1").click(function(){
    $('#test').load('/example/jquery/demo_test.txt');
  })
})

编写常规的 AJAX 代码并不容易,因为不同的浏览器对 AJAX 的实现并不相同。这意味着您必须编写额外的代码对浏览器进行测试。不过,jQuery 团队为我们解决了这个难题,我们只需要一行简单的代码,就可以实现 AJAX 功能。

get的例子 第一个回调参数存有被请求页面的内容,第二个回调参数存有请求的状态。

$("button").click(function(){
  $.get("demo_test.asp",function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});
post 的例子

$("button").click(function(){
  $.post("demo_test_post.asp",
  {
    name:"Donald Duck",
    city:"Duckburg"
  },
  function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

js+ajax+jquery笔记

  • 2013年09月05日 14:05
  • 200KB
  • 下载

js_ajax_jquery笔记.docx

  • 2014年04月28日 09:06
  • 204KB
  • 下载

JQuery学习笔记——Ajax

一、JQuery中调用ajax方法: var name = "JQuery"; var data = "uname=" + name; $.ajax({ type:"POST", u...

Ajax_JQuery笔记.rar

  • 2017年03月12日 22:23
  • 25.8MB
  • 下载

jquery学习笔记-文本框的占位字符与ajax自动补全提示框

html代码: 自动完成下拉框 h3{ background:#999; } .placeholder{ font-style:italic; text-decoration:ove...
  • mysuc
  • mysuc
  • 2014年07月09日 13:52
  • 376

jquery下ajax异步执行操作笔记

1、首先导入jquery的js文件 2、在脚本function中添加以下代码: $.ajax( {       cache : false,  // (默认: true) jQuery 1.2 ...

jquery的ajax学习笔记

Ajax操作 $.ajax $.ajax({   async: true,   url: '/url/to/json',   type: 'GET',   data : { id : 12...

【jQuery学习笔记----AJAX之javascript角度】

AJAX----javascript角度 Ajax应用的核心是XMLHTTPRepuest对象,它是实现异步通信技术的关键。该对象最早是在IE5.0版本浏览器的ActiveX组件中被引入的,之后其他...

Jquery和ajax笔记

什么是 jQuery ? jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少,做的多"的JavaScript库。 jQuery库包含以下功能: ...

jQuery.ajax()笔记

Example: 加载并执行一个 JS 文件。 $.ajax({ type: "GET", url: "test.js", dataType: "script" }); ...
  • javaFay
  • javaFay
  • 2012年06月12日 16:15
  • 710
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery 笔记之五 ajax
举报原因:
原因补充:

(最多只允许输入30个字)