对于ajax的简单理解
来源:互联网 发布:淘宝客要不要开通 编辑:程序博客网 时间:2024/06/11 16:57
Ajax全称:Asynchronous JavaScript and XML即异步JavaScript和XML。其实说白了就是不重新加载页面只加载某个部分。而我这里主要说的是jQuery中de AJAX方法。主要是通过HTTP Get 和HTTP Post这两种方法来从服务器上请求数据,从而达到我们所想要得目的。
jQuery 中load()方法是简单强大的AJAX方法,这个方法是在从服务器加载数据,并且返回数据放入选择器选择的元素中。它的语法结构是这样的:
比如你需要在指定的div中加载一个文件那么就是这样实现的:
jQuery 中load()方法是简单强大的AJAX方法,这个方法是在从服务器加载数据,并且返回数据放入选择器选择的元素中。它的语法结构是这样的:
$(selector).load(URL,data,callback);//URL是一个必须参数,就是需要加载的URL,date和callback是都是可选参数,date参数用来请求字符串或者键值对的集合;callback是当load()方法完成后所需要执行的函数。
比如你需要在指定的div中加载一个文件那么就是这样实现的:
$("#div").load("test.text");
$("button").click(function(){//当点击button时执行以下操作 $("#div1").load("test.txt",function(responseTxt,statusTxt,xhr){//给div1加载test.txt完成之后执行函数 if(statusTxt=="success") alert('外部内容已加载成功'); if(statusTxt=="error") alert("Error:"+xhr.status+":"+xhr.statusText); })})//最后效果是load()方法成功则显示”外部内容已加载成功“失败则显示错误提示
$.get(URL,callback);//通过HTTP GET从服务器上请求数据,URL是需要请求的,也是必须参数,而callback是请求完成之后执行的函数
$("button").click(function(){//单击按钮执行操作 $.get("test.asp",function(data,status){//请求test.asp成功之后执行函数 alert("Data: " + data + "\nStatus: " + status); });});
$.post(URL,data,callback);//与get方法类似,date是和请求一起发送的数据,URL是必须,其他是可选
$("button").click(function(){//点击按钮执行操作 $.post("demo_test_post.asp",//请求URL demo_test_post.asp 脚本 { name:"Donald Duck", city:"Duckburg" },//和url一起发送的数据。 function(data,status){//执行的函数,date是被请求页面的内容,status是状态。 alert("Data: " + data + "\nStatus: " + status); });});
阅读全文
0 0
- 对于ajax的简单理解
- 对于ajax的新理解
- 对于Stack的简单理解
- 对于类的简单理解
- 对于Http的简单理解
- 对于restful的简单理解
- 对于测试架构师的简单理解
- 对于测试架构师的简单理解
- 对于简单问题的理解概述
- 对于offsetLeft的一些简单理解
- Android开发-对于PendingIntent的简单理解
- 对于sockte简单的理解与整理
- 对于机器学习的简单理解
- 对于接口回调的简单理解
- 对于面向对象的简单理解
- 对于hashmap的一些简单理解
- ajax的简单理解一
- 对于ajax为什么可以实现不更新页面的理解
- django下做空白网页
- 《SVM笔记系列之一》什么是支持向量机SVM
- 列向量,列空间,零向量,零空间
- JAVA 删除字符串里指定字符
- 怎么用css制作一个3D样式的按钮
- 对于ajax的简单理解
- jquery的简介
- django框架写网站上之给数据库添加数据
- JAVA基础:线程
- 7、TensorFLow 中的池化函数
- django框架写网站之下django框架的流程和数据库数据的调用
- 如何用jquery获取网页中的文字或者对象
- 几种SQL语句优化方案
- pycharm常用的一些快捷键