jquery ajax异步请求

jQuery封装了JavaScript的一些常用方法，而jQuery中的ajax是一个比较常用的方法，然而，对很多初学者来说，会觉得异步请求会很难操作，下面我讲述下jQuery常用的ajax异步请求的方法。

操作方法

  • 01

    得先知道后台接口给ajax访问（接口URl和传入接口的参数及参数类型），知道访问之后返回的数据类型，有哪些数据。

  • 02

    选择异步请求的方式，常用的有三种，如$.ajax()、$.post()、$.get()。 其中$.ajax允许get/post两种请求方式，$.get()只允许get请求，$.post()只允许post请求方式。

  • 03

    异步请求所需要的常用要素： a、url （访问url）   b、dataType（数据传输方式）   c、success成功之后的回调函数。

  • 04

    $.ajax使用示范代码（由于异步请求的参数较多，实例只是常用参数，下同）。 设接口url var url='/test/test.do';   //下面的实例代码都用此访问接口url $.ajax({ url:url, dataType:'text', success: function(data){ (请求成功之后的前端处理代码) } });

  • 05

    $.post使用示范代码： $.post(url, { name: "John", time: "2pm" },   function(data){ alert("Data Loaded: " + data); },'text');

  • 06

    $.get使用实例代码： $.get(url, { name: "John", time: "2pm" },  function(data){ alert("Data Loaded: " + data); });

  • 07

    看，jQuery异步请求简单吧。学会这三种方式做前后端交互基本就够用了。

赞 (0)

相关推荐

  • 怎么使用AJAX的GET和POST异步请求

    当你的网页不想刷新又想修改数据,这个时候jquery能很好的帮助你实现,特别是当你的数据需要从数据库获取的时候,就能使用jquery封装ajax. 操作方法 01 首先当你要设置一个点击事件或者其它时 ...

  • ajax parser error如何解决

    jQuery ajax返回parsererror错误的解决方法 操作方法 01 解决方法: 在Ajax中添加语句"contentType: "application/x-www-f ...

  • CORS .net 跨域解决方案

    IIS部署wcf rest项目(或.net web项目)时,CORS跨域配置,并完美解决POST带参数请求问题 操作方法 01 如图:打开IIS,找到 "HTTP响应标头" 02 ...

  • firebug如何使用以及firebug安装的图文步骤

    Firebug是网页浏览器 Mozilla firefox下的一款开发类插件， 现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体， ...

  • firebug怎么使用?

    一、安装Firebug Firebug在Firefox浏览器中运行。另外有一个Firebuglite版本，可以通过javascript调用，包含在页面中，从而在其他非Firefox浏览器中使用。本文不 ...

  • 谷歌浏览器怎么调试js

    首先我们打开开发者工具，你可以直接在页面上点击右键，然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台) ...

  • 宽带连接错误代码

    我们日常使用电脑连接宽带出现错误时,都会返回一个错误代码,每个代码对应的是不同的错误提示. 600 某操作处于挂起状态. 发生内部错误,重新启动计算机,以确保所有最近所作的配置更改都能生效. 601 ...

  • AndroidStudio怎么加载并使用okHttp?

    okHttp请求已经成为了一个大的趋势,那么AndroidStudio如何使用okHttp. 一.引用okHttp框架 1.点击File-->Project Structure,如图: 2.点击 ...

  • 宽带连接错误代码（宽带代码错误怎么解决）

    宽带连接错误代码（宽带代码错误怎么解决）

    千万不要一口气看完,看之前带上一杯快乐肥宅水,上头之后你将会是最稀罕的仔.        端口601 检测到无效的端口句柄.发生内部错误,重新启动计算机,以确保所有最近所作的配置更改都能生效.602 ...