Ajax前端技术

功能:与服务通讯发送请求和处理响应

核心:XMLHttpRequest对象

创建XML请求对象后，可以通过如下方式进行打开

使用的方法：

传输XML信息:

设置传输的格式:

==========================================================================================

以上为ajax的核心原理，通过借助XMLHttpRequest进行通讯与传输，但是在JQuery中对该技术进行了高度封装，因此其内核已经存在，可以在开发中直接使用:

$(function(){
$('#send').click(function(){
$.ajax({
type: "GET",-------------------------------------------------------------------------------------------为请求的模式
url: "test.json或者http://localhost:8080/mmall/logint\.do",-----------------------------------位请求的地址
data: {---------------------------------------------------------------------------------------------------为想要传递的数据

username:$("#username").val(),

content:$("#content").val(),

method : "getNameByID" //请求的方法

},
dataType: "json",--------------------------------------------------------------------------------------数据的类型

success: function(data){//请求成功的时候我们做的处理

var str=eval(data) //格式化文件解析
$('#resText').empty(); //清空resText里面的所有内容
var html = '';
$.each(data, function(commentIndex, comment){
html += '<div class="comment"><h6>' + comment['username']
+ ':</h6><p class="para"' + comment['content']
+ '</p></div>';
});
$('#resText').html(html);
}，

error : function() {
alert("error!");
}
});
});
});

关于常用的几种类型如下：此外对于JS而言，ajax是需要放置在全局控制的容器里面的，因此一般情况下，会对全局控制容器进行设置，常用的设置如下:

1、$(function(){加载的页面其他内容});

2、window.onload=function(){加载的页面的其他内容}

3、$(document).ready(function(){加载页面的其他内容})

关于选择器的绑定和关联，常有以下方式

$("标签的ID").click(function(){函数信息})

$("标签的ID").click('click',函数名)；在加载页面之外另外建立功能函数

猜你喜欢