AJAX by JQuery ExtJS

最新推荐文章于 2021-08-06 22:14:14 发布

原创最新推荐文章于 2021-08-06 22:14:14 发布 · 442 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #jquery #function #extjs #url #json

学习笔记专栏收录该内容

8 篇文章

订阅专栏

本文展示了使用ExtJS和JQuery两种JavaScript库发送AJAX请求的具体代码实例。通过对比，读者可以了解如何利用这两种不同的前端技术来获取JSON数据，并在网页上展示出来。

ExtJS发送AJAX请求：

Ext.onReady(function(){
	Ext.Ajax.request({
		method:"get",
		url:"user.js",
		success : function(response){
			var jsonData = Ext.JSON.decode(response.responseText);
			Ext.each(jsonData,function(item,index){
					alert(index+":"+item.name);
			});
		}
	});
});

JQuery发送AJAX请求:

$(document).ready(function() {
    $.ajax({
		type:"GET",
		url:"user.js",
		dataType: "json",
		success: function(data){
			$.each(data,function(i,item){			
				var content = "<tr>";
				content +="<td>"+item.name+"</td>";
				content +="<td>"+item.email+"</td>";
				content +="<td>"+item.gender+"</td>";
				content +="<td>"+item.hobby+"</td>";
				content +="</tr>";
				$("#result").append(content);
			})
		}
	})
});