JQuery真的不难～第六回 JQ中的异步调用方式

回到目录

前言

今天主要讲一下JQ中的异步编程，它将ajax进行封装，在进行异步请求时显得非常容易，无论是GET，POST方式，还是text,xml,javascript,json等数据通讯都是那么的自然

现在，我们就走入jq的ajax的殿堂吧。

GET请求获取数据

    <script src="http://img1.c2cedu.com/Scripts/jquery/jquery-1.4.2.min.js" type="text/javascript"></script><script type="text/javascript"> $.ajax({            type: "GET",            dataType: "html",            url: "ajaxData.htm",            data: {}, //参数信息，采用ＪＳ对象的形式，也可以使用URL地址比较传统的&将参数分隔            error: function () {                alert("获取数据失败");            },            beforeSend: function () {                alert("发送请求之前出现错误");            },            success: function (data) {                $("#list").html(data)            }        });</script>

ajaxData.htm的内容为：

<ul><li>data:zzl</li><li>infomation:better man</li>
</ul>

POST请求操作数据

$.ajax({type:'POST',  data:{name:'zzl',email:'bfyxzls@sina.com',addr:'beijing'},url: '/ajax/insert.ashx',success: function(data) {if(data.res)｛alert('操作成功‘);
    ｝}
});

注意：AJAX可以跨域发GET请求，来读取数据，但不可以发POST请求，这是正常的，要不就太危险了，呵呵。

$.ajax({type:'GET',dataType:'jsonp',jsonp: "jsonpcallback", //需要与服务端的jsonp字符匹配 url: 'http://www.sina.com/ajax/test.',success: function(data) {$('#result').html(data);}
});

对于JQ为AJAX的封装，还有几个简洁的写法，等下次再写，写个续集！

感谢阅读！

回到目录

JQuery真的不难～第六回 JQ中的异步调用方式相关推荐

Jquery真的不难~第五回 JQ中的遍历（遍历中的性能知识点）
回到目录上一回主要说的是JQ中的几个主要的事件,文章的最后还介绍了匿名函数的使用,恩,今天主要来看一下JQ中的遍历,就是在JQ中进行循环操作以及在遍历时要注意的地方. 前言要讲遍历就要说数组,你不 ...
Jquery真的不难~第八回 JS的闭包问题
百度百科中对闭包的定义: 闭包是可以包含自由(未绑定到特定对象)变量的代码块:这些变量不是在这个代码块内或者任何全局上下文中定义的,而是在定义代码块的环境中定义."闭包" 一词来源 ...
Spring Boot 中启用异步调用
在Java中一般开发程序都会同步调用的,程序中代码是一行一行执行下去的,每一行代码需要等待上一行代码执行完成才能开始执行. 在异步编程中,代码执行不是阻塞的,在方法调用中不需要等待所有代码执行完毕就可 ...
Spring Boot 中的异步调用
Spring Boot 中的异步调用通常我们开发的程序都是同步调用的,即程序按照代码的顺序一行一行的逐步往下执行,每一行代码都必须等待上一行代码执行完毕才能开始执行.而异步编程则没有这个限制,代码的 ...
C#中的异步调用剖析
我上次写创建线程的时候就想写一篇深入异步调用的笔记,但是由于当时对windows的进程与线程的概念不太清楚,没敢写,今天我仔细的分析并调试了一下C#中的异步调用的四种方法.把学习笔记分享出来. 假如要 ...
JAVA中的异步调用
1.什么是异步调用异步调用简单理解,就是不阻塞主线程,再开辟另一个线程异步执行 main{//前置语句costTime();//后置语句 } 在上述代码中,主线程按顺序,需要依次执行前置语句,调用c ...
关于Vue中nextTick异步调用videoaudio的方法失效解决方案
原文地址:https://qq282126990.github.io/2018/02/10/ nextTick JS的运行机制:JS执行是单线程的,它是基于事件循环的对于事件循环的理解大致分为以下几个 ...
javascript中的异步调用，promise对象，async/await用法
原生javascript中的的回调函数即callback 就是通过回调函数来通知主程序对于io 密集的非常好用:eg. file,DB读写,网络访问异步: javascript就是个单线程语言, ...
async 函数——JS中的异步处理方式
async 函数的语法 async function name([param[, param[, ... param]]]) { statements } name: 函数名称. param: 要传递 ...

JQuery真的不难～第六回 JQ中的异步调用方式

JQuery真的不难～第六回 JQ中的异步调用方式相关推荐

最新文章

热门文章