AJax技术

jquery ajax发送请求实例模板

字号+ 作者:H5之家 来源:H5之家 2017-10-10 16:02 我要评论( )

jquery ajax发送请求实例模板是为了方便各位快速的学会如何使用jquery ajax技术实现异步请求,下面就来开始学习吧。1:ajax发送get请求,有三种形式,一种是$.aj

jquery ajax发送请求实例模板

作者:匿名 字体:[ ] 来源:互联网 时间:2017-10-05

匿名通过本文主要向大家介绍了ajax等相关知识,希望对您有所帮助,也希望大家支持微课江湖

 

 jquery ajax发送请求实例模板是为了方便各位快速的学会如何使用 jquery ajax技术实现异步请求,下面就来开始学习吧。

1:ajax发送get请求,有三种形式,一种是$.ajax({});另外两种是$.getJSON(url,function)和$.getJSON(url,data,function)的形式,看下面的请求实例模板。

$.ajax({ type:'GET', url:'', data:{id:'111111',state:'1'}, dataType:'JSON', //如果后台本来返回的就是Json数据则可以省略 success:function (result) { //result为返回结果 }, error:function () { alert("内部出错!"); } }); //请求参数在请求url上 $.getJSON("?id=111111&state=1",function(result){ //遍历json数据,一般会用到 $.each(result, function(i, obj){ }); }); //参数另外封装 $.getJSON("",{id:'111111',state:'1'},function(result){ //遍历json数据,一般会用到 $.each(result, function(i, obj){ }); });

2:jquery ajax发送post请求也有三种形式,分别是$.ajax({});$.post(url,function)以及$.post(url,data,function),随便用哪一种请求方式都是ok的,很简单。

 

$.ajax({ type:'POST', url:'', data:{id:'111111',state:'1'}, dataType:'JSON', //如果后台本来返回的就是Json数据则可以省略此条 success:function (result) { //result为返回结果 }, error:function () { alert("内部出错!"); } }); $.post("?id=111111&state=1",function(result){ $.each(result, function(i, obj){ }); }); $.post("",{id:'111111',state:'1'},function(result){ $.each(result, function(i, obj){ }); });

 

jquery ajax发送请求就是这么简单。


 

您可能想查找下面的文章:

相关文章

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • ajax请求拦截实例

    ajax请求拦截实例

    2017-10-10 16:03

  • 关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案

    关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案

    2017-10-10 13:06

  • 【济南it培训】Web前端:什么是Ajax和JSON?它们有什么优劣势么

    【济南it培训】Web前端:什么是Ajax和JSON?它们有什么优劣势么

    2017-10-10 11:01

  • asp.net ajax实现无刷新验证码

    asp.net ajax实现无刷新验证码

    2017-10-10 11:01

网友点评
=