码迷,mamicode.com
首页 > Web开发 > 详细

jQuery AJAX

时间:2018-01-11 16:04:41      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:使用场景   入门   方法   附加   demo   默认   password   bsp   page   

  

一、为什么要使用JQuery的AJAX

  • 因为传统(js里面)的AJAX的开发中,AJAX有两个主要的问题:
  • 浏览器的兼容的问题 , 编写AJAX的代码太麻烦而且很多都是雷同的。
  • ?在实际的开发通常使用的Ajax是jQuery的ajax
二、JQuery的Ajax的API
    • $.get(路径,[请求参数],[回调函数],[数据类型]); 数据类型:默认是字符串

    • $.post(路径,[请求参数],回调函数,[数据类型]); 数据类型:默认是字符串

    • $.getJSON(url,请求参数, 回调函数) 使用场景:服务器端响应给客户端的数据是json类型的时候

    • 数据类型(dataType):"xml"、

      "html"、

      "text"、

      "script"、

      "json"、

      "jsonp"

三、入门

  • get方法
$("#btn1").click(function(){
     //发送请求; $.get(url,[params],[function(result){}])
     $.get("${pageContext.request.contextPath }/demo01", 
       {"username":"zs","password":"123456"},
       function(result){    alert(result); }); });
  • post方法
$("#btn2").click(function(){
    //发送请求; $.post(url,[params],[function(result){}])
    $.post("${pageContext.request.contextPath }/demo01",
        {"username":"zs","password":"123456"},
        function(result){     alert(result); }); });
  • getJSON方法
//从 test.js 载入 JSON 数据,附加参数,显示 JSON 数据中一个 name 字段数据
//$.jQuery.getJSON(url,[data],[function(result){}])
$.getJSON("test.js", { name: "John", time: "2pm" }, 
  function(json){
      alert("JSON Data: " + json.users[3].name);
});

 

jQuery AJAX

标签:使用场景   入门   方法   附加   demo   默认   password   bsp   page   

原文地址:https://www.cnblogs.com/gdwkong/p/8203604.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!