异步获取数据Ajax,以及对获取的数据进行绑定(显示在页面上)
来源:互联网 发布:水利bim软件 编辑:程序博客网 时间:2024/04/26 00:25
最近,经常用Ajax去异步获取数据,今天就把它总结一下
1.Ajax是异步的JavaScript和XML,它可以在不更新网页的情况下,从后台加载(获取)数据,并显示在网页上
2.主要方法
(1):load() 方法从服务器加载数据,并把返回的数据放入被选元素中
语法:$(选择器).load(地址,[参数],[回调函数])
参数:可选。是键:值的形式
回调函数:参数可以是返回的结果,调用的状态,XMLHttpRequest对象。只写一个参数,是返回的结果
(2):$.get() 方法通过 HTTP GET 请求从服务器上请求数据
语法:$.get(地址,[回调函数] )
回调函数:参数可以是返回的结果,调用的状态,XMLHttpRequest对象。只写一个参数,是返回的结果
(3):$.post() 方法通过 HTTPPOST 请求从服务器上请求数据。
语法:$.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表单绑定数据
0 0
- 异步获取数据Ajax,以及对获取的数据进行绑定(显示在页面上)
- 异步获取数据Ajax,以及对获取的数据进行绑定(显示在页面上)
- AJAX获取数据然后显示在页面
- 前台使用ajax动态获取数据并且显示在页面上,SSM框架二级联动
- ajax异步获取数据
- 页面异步获取数据
- 通过jquery ajax在从服务器获取一个文件的数据,显示到客户端的页面
- 我的专用ajax异步获取数据
- ajax在同一个页面获取Post的数据
- 使用AJAX异步获取数据
- 使用AJAX异步获取数据
- ajax异步获取数据后动态向表格中添加数据的页面
- Ajax异步获取数据到KindEditor的时候无法显示数据
- kinect彩色数据的获取以及在opencv中显示
- 异步获取数据ListView显示
- 初识和利用Servlet,获取和显示页面提交的数据以及对MySQL数据库的简单操作 7.04
- 获取json格式的数据并显示在webview上
- javascript数据绑定在页面上显示lodash
- mysql索引总结----mysql 索引类型以及创建
- 正确的引用web服务的方式
- 剑指Offer系列---(10)快速排序
- CreaAndroid【1】用注解和反射实现Json自动化解析
- 原子、信号量、互斥锁、自旋锁
- 异步获取数据Ajax,以及对获取的数据进行绑定(显示在页面上)
- jad反编译
- Oracle\MySQL数据库分页查询实例
- 清除Eclipse/MyEclipse下的svn账号密码
- 文章标题
- 机器人坐标变换(一)
- cocoapods 出现Error:ENOENT -No such file or directory的解决方法
- “服务器推”技术的应用
- 使用streaming window函数统计用户不同时间段平均消费金额等指标