返回首页 | 新开户送体验金的娱乐城

合作共赢、快速高效、优质的网站建设提供商

更多精品源码-尽在织梦模板-www.moke8.com

网站开发详解jQuery中关于Ajax的几个常用的函数

时间:2017-09-05 编辑:admin

AJAX 是一种在无需从头加载整个网页的情况下,可以更新部分网页的技能。

什么是 AJAX ?

AJAX = 异步 Script 和 XML。

AJAX 是一种用于创立快速动态网页的技能。

经过在后台与服务器进行少数数据交换,AJAX 可以使网页完成异步更新。这意味着可以在不从头加载整个网页的情况下,对网页的某部分进行更新。

传统的网页如果需求更新内容,必需重载整个网页面。

有许多运用 AJAX 的应用程序事例:新浪微博、Google 地图、开心网等等。

二:传统的Ajax过于繁琐,jquer封装了一些ajax常用的简略函数。

a: $.ajax()挑选:

jsp页面代码 :

 head 
 title Ajax验证 /title 
 script type="text/phpscript" src="js/jquery-1.8.3.min.php" /script 
 script type="text/phpscript" 
 $(function () {
 $("[name='userName']").blur(function () { 
 $.ajax({
 type: "post",
 url: "/TestServlet",
 data:{action:"login"}, //data 传递的参数一般都是key:“ value” 类型的 value一定要加引号 我们亲自体会 那种找不到错的感觉
 // dataType:'Text', //servers 回来的格局 也可所以gjon
 success: function (data) {
 if (data == "success") {
 alert(data);
 $("#myspan").html(data);
 error: function () { //这个用的比较少
 /script 
 /head 
 body 
 名字: input name="userName" type="text" span id="myspan" /span 
 暗码: input name="password" type="text" 
 /body 

servlet后台代码:

public class TestServlet extends HttpServlet {
 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
 String name = request.getParameter("action");
 System.out.println(name);
 if(name.equals("login")){
 response.getWriter().write("success"); //回来回掉函数的参数
 }else{
 response.getWriter().write("file");
 }

b:$.get() , $.post()和 $.getJson挑选都是$.ajax()挑选的精简版,用法大致一致,少了一个type

$.post("/TestServlet",
 {"uname":$('[name=uname]').val()},
 function (data) {
 alert(data);
 });

c: $.load()

$("#msg").load( //可以直接拿到文本框 的值
 "/TestServlet","action="+$('[name="userName"]').val()
//后台可以直接 依据request.getParameter拿到参数的值 

d:$(selector).serializeArray() 和$(selector).serialize()

 //这种挑选 可以直接 取得form表单的name特点值,作为data的传参
 var data1 = $("#form1").serializeArray(); //主动将form表单封装成json
 $.each(data1,function (i,dom) {
 alert(dom.name+"\r\n"+dom.value);
 var data2=$("#form1").serialize();
 alert(data2);

e:作为data参数

 var data2=$("#form1").serialize();
 $.getJSON("/TestServlet",data2, function (data) {
 alert(data);
 });

以上所述是小编给我介绍的jQuery中关于Ajax的几个常用的函数,期望对我有所协助,如果我有任何疑问请给我们留言,小编会及时回复我的。在此也非常感谢我对网站的支撑!


浏览:

网站建设

流程

    网站建设流程