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 += ' ' + comment['username']                                          + ':                                          + ' ';                          });                          $('#resText').html(html);                       }，                      error : function() {                                alert("error!");                       }          });     }); });

关于常用的几种类型如下：此外对于JS而言，ajax是需要放置在全局控制的容器里面的，因此一般情况下，会对全局控制容器进行设置，常用的设置如下: 1、$(function(){加载的页面其他内容}); 2、window.οnlοad=function(){加载的页面的其他内容} 3、$(document).ready(function(){加载页面的其他内容})

关于选择器的绑定和关联，常有以下方式 $("标签的ID").click(function(){函数信息}) $("标签的ID").click('click',函数名)；在加载页面之外另外建立功能函数