zoukankan      html  css  js  c++  java
  • jQuery AJAX

      

    一、为什么要使用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);
    });
  • 相关阅读:
    apache 访问出现403 Forbidden
    linux下用Apache一个IP多个域名建虚拟主机
    利用xargs 可以一次性卸载到位
    linux安装包地址备忘
    ii7安装php
    基于jQuery的对象切换插件:soChange 1.5 (点击下载)
    phpMyAdmin 缺少 mysqli 扩展。请检查 PHP 配置
    Android中的自动朗读(TTS)
    Android中的手势
    Android中的SQLiteOpenHelper类
  • 原文地址:https://www.cnblogs.com/gdwkong/p/8203604.html
Copyright © 2011-2022 走看看