jQuery结合Ajax

Ajax的开发有些繁琐，现在有很多成的Ajax框架封装诸多细节，使的Ajax编程更加容易。本文要介绍的就是jQuery框架结合Ajax使用，使得开发工作更加快捷、简单。

jQuery结合Ajax的两种方式如下：

方式A: jQuery结合Ajax的经典版使用

$.ajax({

type:"post",

url:"Ajax5",

async:true,

//data:{name:'zs',age:18},

data:"name=zs&age=18",

//指定响应的数据格式就是可以执行的JSON数据，无需使用JSON.parse();

dataType:"json",

//ajax响应成功执行的函数

success:function (r) {

// r:就是接受ajax的响应数据

alert(r.name);

//ajax响应失败执行的方法

error:function () {

alert("ajax响应失败")

}

})

里面的属性比较的多，支持我们发送ajax 的各种需求。

方式B: jQuery结合Ajax的精简版使用

$.get("Ajax4","name=zs&pwd=123",function (data1) {

//data1就是响应的数据

alert(data1);

})

$.post("Ajax4","name=zs",function (data1) {

alert(data1);

})

[注]（1）ajax精简版使用的特点：书写很简单，只可以满足我们对ajax最基本的需求使用。只可以再Ajax响应成功的时候执行，如何响应失败了这个写法满足不了，还是需使用$.ajax经典版的方式。

jQuery结合Ajax相关推荐

ajax请求必须打断点才能成功,Jquery等待ajax执行完毕继续执行（断点调试正常，运行异常）...
以前写过一个程序,发现用断点调试的时候,一步步的运行,程序是可以的,但是去了断点程序就出现了问题. $(document).ready(function(){ var arra=new Array() ...
转: 如何实现jQuery的Ajax文件上传
[PHP文件上传] 在开始之前,我觉得是有必要把通WEB上传文件的原理简单说一下的. 实际上,在这里不管是PHP,JSP,还是ASP处理上传的文件,其实都是WEB早已把文件上传到服务器了,我们只是运用 ...
用 jQuery 的 AJAX 功能发现的一个错误/注意点：HTTP Error 411
今天程序中有个地方需要 Ajax 方式 POST 数据,发现在 IE 6.0 下正常,而 FireFox 2.0.0.9 下则出错. 通过 FireBug 抓取 ajax 回发后得到的页面信息如下: ...
jquery ajax 省城市二级菜单源码,利用了jquery的ajax实现二级联互动菜单
菜单资源保存在数据库中.利用了jquery的ajax实现.用到的包有:json-lib-2.2.3-jdk15.jar ezmorph-1.0.6.jar json.js jquery.js jsp页 ...
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
1.jquery通过ajax方法获取json数据不执行success回调问题描述:jquery通过ajax方法获取json数据不执行success回调方法问题原因:json格式存在问题或不符合标准 ...
使用jQuery实现ajax几种方法
一.$.ajax()可以通过发送HTTP请求加载远程数据,是jQuery最底层Ajax实现. 语法 $.ajax({"url" : "UserServlet", ...
jQuery的ajax使用场景讨论（c#）
一:jQuery.ajax语法基础 jQuery.ajax([options]) 概述:通过 HTTP 请求加载远程数据. jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $. ...
为jQuery的$.ajax设置超时时间
jQuery的ajax模块封装了非常强大的功能,有时候我们在发送一个ajax请求的时候希望能有一个超时的时间,想让程序在一段时间请求不到数据时做出一些反馈.幸运的是jQuery为我们提供了这样的参数: ...
Jquery通过Ajax方式来提交Form表单
今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息. jQuery 代码: $.ajax({type: "POST",url: & ...
从零开始学习jQuery (六) AJAX快餐【转】
一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章讲解如何使用jQuery方便快捷的实现A ...

jQuery结合Ajax

jQuery结合Ajax相关推荐

最新文章

热门文章