ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery での Ajax の一般的に使用されるいくつかの関数の詳細な説明
AJAX は、Web ページ全体をリロードせずに Web ページの一部を更新できるテクノロジーです。この記事では、jQuery の Ajax に関連するいくつかの一般的な関数を紹介します。必要な方は参考にしていただければ幸いです。
1:
AJAX は、Web ページ全体をリロードせずに Web ページの一部を更新できるテクノロジーです。
AJAXとは何ですか?
AJAX = 非同期 JavaScript および XML。
AJAX は、高速で動的な Web ページを作成するためのテクノロジーです。
AJAX を使用すると、バックグラウンドでサーバーと少量のデータを交換することで、Web ページを非同期に更新できます。これは、ページ全体を再読み込みしなくても、Web ページの一部を更新できることを意味します。
従来の Web ページ (AJAX を使用しない) では、コンテンツを更新する必要がある場合、Web ページ全体をリロードする必要があります。
AJAX を使用するアプリケーション ケースは数多くあります: Sina Weibo、Google Maps、Kaixin.com など。
2: 従来の Ajax は面倒すぎるため、jquer は ajax で一般的に使用されるいくつかの単純な関数をカプセル化します。
a: $.ajax() メソッド:
jsp ページ コード:
<head> <title>Ajax验证</title> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript"> $(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>
サーブレット バックグラウンド コード:
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) が 1 つ少なくなります。 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: データパラメータとして
var data2=$("#form1").serialize(); $.getJSON("/TestServlet",data2, function (data) { alert(data); });
関連する推奨事項:
jQuery.Ajax() データパラメータタイプの例の詳細な説明
以上がjQuery での Ajax の一般的に使用されるいくつかの関数の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。