jQery ajax——load()方法示例介绍

2016-02-19 09:37 4 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享jQery ajax——load()方法示例介绍吧。

【 tulaoshi.com - Web开发 】

一.load()方法(最简单的)
load(url,[data],[callback])
url:加载的页面地址
data: 可选项,发送到服务器的数据,格式是key/value
callback:可选项,回调函数
1.最简单的应用
代码如下:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="http://www.w3.org/1999/xhtml"
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titleload方法应用/title
script type="text/javascript" src="js/jquery-1.8.2.min.js"/script
style type="text/css"
#divframe{ border:1px solid #999; width:500px; margin:0 auto;}
.loadTitle{ background:#CCC; height:30px;}
/style
script type="text/javascript"
$(function(){
$("#btn").click(function(){
//加载整个页面
//$("#ajaxTip").load("inclue_a.html");
//加载页面中的某一元素
$("#ajaxTip").load("inclue_a.html #userinfo");
})
})
/script
/head
body
div id="divframe"
div class="loadTitle"
input type="button" value="获取数据" id="btn"/
/div
div id="ajaxTip"
/div
/div
/body
/html

其中inclue_a.html的代码如下:
代码如下:

div id="userinfo"
姓名:冰淇淋br
性别:田br
邮箱:999@123.com
/div

显示结果:
 
点击按钮显示如下:
 
二.get()方法
三.post()方法
四.ajax()方法

来源:https://www.tulaoshi.com/n/20160219/1591464.html

延伸阅读
标签: Web开发
一、Ajax所有过程事件分析 JQuery在执行Ajax的过程中会触发很多事件。 这些事件可以分为两种事件,一种是局部事件(Local),一种是全局事件(Global)。 局部事件:可以通过$.ajax来调用,你某一个Ajax请求不希望产生全局的事件,则可以设置global:false。 全局事件:跟click等事件类似,可以绑定到到每一个DOM元素上。 这些事件的...
标签: PHP
 【PHPChina讯】 javascript :tagshow(event, 'HTML');" href="javascript:;" target=_self> HTML 部分: <html <head <scrīpt language="javascrīpt" function postRequest(strURL){ var xmlHttp; if(window.XMLHttpRequest){ // For Mozilla, Safari, ... var xmlHttp = new XMLHttpRequest(); } els...
标签: Web开发
基于XML的异步JavaScript,简称AJAX,是当前Web创新(称为Web2.0)中的一个王冠。感谢组成AJAX的各种技术,Web应用的交互如Flickr, Backpack和Google在这方面已经有质的飞跃。这个术语源自描述从基于网页的Web应用到基于数据的应用的转换。在基于数据的应用中,用户需求的数据如联系人列表,可以从独立于实际网页的服务端取得并且可以被动态...
标签: Web开发
首先在 aspx.cs文件里建一个公开的静态方法,然后加上WebMethod属性。 如: [WebMethod] public static string GetUserName() { //...... } 如果要在这个方法里操作session,那还得将WebMethod的EnableSession 属性设为true 。即: [WebMethod(EnableSession = true)]//或[WebMethod(true)] public static string GetUserName() {...
标签: Web开发
在任何网站注册用户的时候,都会检查用户是否已经存在。很久以前的处理方式是将所有数据提交到服务器端进行验证,很显然这种方式的用户体验很不好;后来有了Ajax,有了异步交互,当用户输完用户名继续填写其他信息的时候,Ajax就将信息发到了服务器去检查该用户名是否已经被注册了,这样如果用户名已经存在,不用等用户将所有数据都提交就可以给...

经验教程

347

收藏

37
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部