jQuery中通过ajax的get()函数读取页面的方法


Posted in Javascript onFebruary 29, 2016

首先介绍get()函数:

url,[data],[callback],[type]

参数说明:
url:待载入页面的URL地址
data:待发送 Key/value 参数。
callback:载入成功时回调函数。
type:返回内容格式,xml, html, script, json, text, _default。
首先建立testGet.php实例:

<?php
$web = $_GET['webname'];
echo "你现在访问的网站是:".$web;
?>

然见建立ajax.html文件:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>php点点通 - 关注php开发,提供专业web开发教程! </title>
<script type="text/javascript" src="./jquery-1.7.1.min.js"></script>
<script>
	$(document).ready(function(){
		$("#btn").click(function(){
			$.get("testGet.php",{web:"www.phpddt.com"},function(data,textStatus){
				$("#result").append("data:"+data);
				$("#result").append("<br>textStatus:"+textStatus);
			});		
		});
	});
</script>
</head>
<body>
<input type="button" value="测试" id="btn" />
<h2>显示的内容如下:</h2>
<div id="result"></div>
</body>
</html>

测试前的初始页面是:

jQuery中通过ajax的get()函数读取页面的方法

点击测试后的结果是:

jQuery中通过ajax的get()函数读取页面的方法

Javascript 相关文章推荐
javascript在网页中实现读取剪贴板粘贴截图功能
Jun 07 Javascript
js表头排序实现方法
Jan 16 Javascript
jQuery实现checkbox全选的方法
Jun 10 Javascript
javascript简单判断输入内容是否合法的方法
May 11 Javascript
jQuery插件dataTables添加序号列的方法
Jul 06 Javascript
详解Angular 4.x Injector
May 04 Javascript
element 结合vue 在表单验证时有值却提示错误的解决办法
Jan 22 Javascript
使用Node.js实现一个多人游戏服务器引擎
Mar 13 Javascript
jQuery分组选择器简单用法示例
Apr 04 jQuery
详解ng-alain动态表单SF表单项设置必填和正则校验
Jun 11 Javascript
JS Ajax请求会话过期处理问题解决方法分析
Nov 16 Javascript
JavaScript中交换值的10种方法总结
Aug 18 Javascript
基于JavaScript实现文字超出部分隐藏
Feb 29 #Javascript
基于JavaScript实现百叶窗动画效果不只单纯flas可以实现
Feb 29 #Javascript
ClearTimeout消除闪动实例代码
Feb 29 #Javascript
JavaScript实现点击按钮字体放大、缩小
Feb 29 #Javascript
jquery trigger函数执行两次的解决方法
Feb 29 #Javascript
理解js回收机制通俗易懂版
Feb 29 #Javascript
jquery trigger实现联动的方法
Feb 29 #Javascript
You might like
网页游戏开发入门教程三(简单程序应用)
2009/11/02 PHP
PHP 数组遍历方法大全(foreach,list,each)
2010/06/30 PHP
php expects parameter 1 to be resource, array given 错误
2011/03/23 PHP
PHP 使用header函数设置HTTP头的示例解析 表头
2013/06/17 PHP
解析php常用image图像函数集
2013/06/24 PHP
Parse正式发布开源PHP SDK
2014/08/11 PHP
PHP中SQL查询语句的id=%d解释(推荐)
2016/12/10 PHP
php操作access数据库的方法详解
2017/02/22 PHP
PHP实现防止表单重复提交功能【基于token验证】
2018/05/24 PHP
JavaScript中__proto__与prototype的关系深入理解
2012/12/04 Javascript
关于JS中的闭包浅谈
2013/08/23 Javascript
jquery的live使用注意事项
2014/02/18 Javascript
Javascript监视变量变化的方法
2015/06/09 Javascript
AngularJS使用ngOption实现下拉列表的实例代码
2016/01/23 Javascript
AngularJS入门教程之AngularJS表达式
2016/04/18 Javascript
如何使用AngularJs打造权限管理系统【简易型】
2016/05/09 Javascript
node.js中module.exports与exports用法上的区别
2016/09/02 Javascript
Vue数据驱动模拟实现5
2017/01/13 Javascript
jQuery中复合选择器简单用法示例
2018/03/31 jQuery
在Mac下彻底卸载node和npm的方法
2018/05/16 Javascript
JS对象与json字符串相互转换实现方法示例
2018/06/14 Javascript
Vue中 v-if 和v-else-if页面加载出现闪现的问题及解决方法
2018/10/12 Javascript
jQuery实现简单日历效果
2020/07/05 jQuery
JS中队列和双端队列实现及应用详解
2020/09/29 Javascript
使用requests库制作Python爬虫
2018/03/25 Python
python topN 取最大的N个数或最小的N个数方法
2018/06/04 Python
python中tkinter的应用:修改字体的实例讲解
2019/07/17 Python
PyQt5高级界面控件之QTableWidget的具体使用方法
2020/02/23 Python
浅谈python的elementtree模块处理中文注意事项
2020/03/06 Python
使用css3实现的tab选项卡代码分享
2014/12/09 HTML / CSS
轻松掌握CSS3中的字体大小单位rem的使用方法
2016/05/24 HTML / CSS
世界上最好的旅行夹克:BauBax
2018/12/23 全球购物
海飞丝的广告词
2014/03/20 职场文书
集体生日活动方案
2014/08/18 职场文书
联欢会开场白
2015/06/01 职场文书
Java各种比较对象的方式的对比总结
2021/06/20 Java/Android