zoukankan      html  css  js  c++  java
  • $.get、$.post 和 $().load()

    一、$.get()

      用于get方式进行异步请求。

      结构: $.get( url, data, callback, type);

        url  -  请求路径(string);

        data  -  发送至服务器的键值对数据 (object);

        callback  -  状态为success时的回调函数;

        type  -  服务器返回内容格式(xml、html、script、json、text)。

      例子:

    1 $.get("login.php", { 
    2    username :  $("#username").val(), 
    3    password :  $("#password").val() }, 
    4   function (data, textStatus){
    5           $("#box").html(data);     // 把返回的数据添加到页面上
    6     }
    7 );

      若从服务器获取多个值,可以根据需要设置返回类型:

    $.get("login.php", { 
        username :  $("#username").val(),     
           password : $("#password").val() }, 
       function (data, textStatus){
               $("#box").html(data);     // 把返回的数据添加到页面上
         },'json'
    );

    二、$_POST()

      用于post方式进行异步请求。

      与$_GET( )用法一样。

    三、$( ).load( )

      用于远程载入html代码。

      结构: load( url, data, callback)

      1.载入html文档

    1 $("#send").click(function(){
    2      $("#text").load("路径","test.html");
    3 })

      2.筛选载入html文档

      如只需要载入 test.html 页面中class为 content 的内容:

    $("#text").load("test.html  .content");

      3.传递方法

      load( )方法的传递方式根据 data 来自动指定,如果没有参数传递,采用get方式传递,否则会自动转换为post方式。

      get方式:

    $('#text').load('路径',function(){
        //...
    });

      post方式:

    $('#text').load('路径',{name:'曹操',password:'123456'},function(){
        //...
    });

      4. 回调函数

      在加载完成后才会执行,回调函数由三个参数,分别是:请求返回的内容、请求状态、XMLHttpRequest对象

    $("#text").load("路径",function (responseText, textStatus, XMLHttpRequest){         
            alert(responseText);         //请求返回的内容
            alert(textStatus);           //请求状态:success,error
            alert(XMLHttpRequest);       //XMLHttpRequest对象
    });

      注:  在load()方法中,无论Ajax请求是否成功,只要当请求完成(complete)后,回调函数(callback)就被触发。

    来源:https://blog.csdn.net/csdn_yudong/article/details/52537609

  • 相关阅读:
    借用构造函数实现继承
    原型链
    创建对象 之 组合使用构造函数模式和原型模式
    6.原型对象的问题
    Spring MVC
    AOP
    谈谈对Spring IOC的理解
    Mybatis3.x与Spring4.x整合(转)
    手把手Maven搭建SpringMVC+Spring+MyBatis框架(超级详细版)
    Appweb写法
  • 原文地址:https://www.cnblogs.com/wsybky/p/8762931.html
Copyright © 2011-2022 走看看