异步获取数据Ajax,以及对获取的数据进行绑定(显示在页面上)

               

最近,经常用Ajax去异步获取数据,今天就把它总结一下

1.Ajax是异步的JavaScript和XML,它可以在不更新网页的情况下,从后台加载(获取)数据,并显示在网页上

2.主要方法

(1):load() 方法从服务器加载数据,并把返回的数据放入被选元素中

语法:$(选择器).load(地址,[参数],[回调函数])

参数:可选。是键:值的形式

回调函数:参数可以是返回的结果,调用的状态,XMLHttpRequest对象。只写一个参数,是返回的结果

(2):$.get() 方法通过 HTTP GET 请求从服务器上请求数据

语法:$.get(地址,[回调函数] )

回调函数:参数可以是返回的结果,调用的状态,XMLHttpRequest对象。只写一个参数,是返回的结果

(3):$.post() 方法通过 HTTP POST 请求从服务器上请求数据。

语法:$.post(地址,[参数],[回调函数])

参数:可选。是键:值的形式

回调函数:参数可以是返回的结果,调用的状态,XMLHttpRequest对象。只写一个参数,是返回的结果

(4):$.ajax() 方法通过 HTTP 请求加载远程数据,是jQuery底层Ajax的实现。

常用的参数:

type:请求方法(POST,GET),默认为GET

url:地址

dataType:服务器返回的数据类型。一般返回json类型

success:成功时的回调函数

例:

 $(function() {            $.ajax({                type: "POST",                url: "地址",                dataType: "json",                success: function(data) {                    $("#id名").html(data);  //绑定数据
      $(".class名").val(data);  //给input表单绑定数据                }, 
  error: function(error) {                $("#id名").html("aaa");                }});        });

3.成功后绑定值

$("#id名").html(data);  //绑定数据
$(".class名").val(data);  //给input表单绑定数据
           

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow

猜你喜欢

转载自blog.csdn.net/qq_43678748/article/details/86317115