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 getComputedStyle获取和设置style的原理
Oct 10 Javascript
JavaScript继承方式实例
Oct 29 Javascript
JS通过相同的name进行表格求和代码
Aug 18 Javascript
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
May 21 Javascript
JavaScript实现文字与图片拖拽效果的方法
Feb 16 Javascript
高性能JavaScript DOM编程(1)
Aug 11 Javascript
利用jquery实现下拉框的禁用与启用
Dec 07 Javascript
Vue实现自带的过滤器实例
Mar 09 Javascript
HTML中使背景图片自适应浏览器大小实例详解
Apr 06 Javascript
JavaScript实现快速排序的方法分析
Jan 10 Javascript
Angular整合zTree的示例代码
Jan 24 Javascript
JavaScript运行机制实例分析
Apr 11 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
全国FM电台频率大全 - 22 重庆市
2020/03/11 无线电
PHP扩展CURL的用法详解
2014/06/20 PHP
在PHP中使用FastCGI解析漏洞及修复方案
2015/11/10 PHP
laravel 实现上传图片到本地和前台访问示例
2019/10/21 PHP
jQuery源码分析-03构造jQuery对象-工具函数
2011/11/14 Javascript
onclick与listeners的执行先后问题详细解剖
2013/01/07 Javascript
点击按钮或链接不跳转只刷新页面的脚本整理
2013/10/22 Javascript
jQuery内容过滤选择器用法分析
2015/02/10 Javascript
如何用JavaScript实现动态修改CSS样式表
2016/05/20 Javascript
JavaScript Date 知识浅析
2017/01/29 Javascript
BootStrapValidator初使用教程详解
2017/02/10 Javascript
js按条件生成随机json:randomjson实现方法
2017/04/07 Javascript
vue实现单选和多选功能
2017/08/11 Javascript
js操作二进制数据方法
2018/03/03 Javascript
微信小程序之swiper轮播图中的图片自适应高度的方法
2018/04/23 Javascript
KOA+egg.js集成kafka消息队列的示例
2018/11/09 Javascript
Angular8路由守卫原理和使用方法
2019/08/29 Javascript
UEditor 自定义图片视频尺寸校验功能的实现代码
2020/10/20 Javascript
JavaScript 生成唯一ID的几种方式
2021/02/19 Javascript
Python制作钉钉加密/解密工具
2016/12/07 Python
关于Python面向对象编程的知识点总结
2017/02/14 Python
python timestamp和datetime之间转换详解
2017/12/11 Python
python多维数组切片方法
2018/04/13 Python
python numpy 一维数组转变为多维数组的实例
2018/07/02 Python
浅谈django rest jwt vue 跨域问题
2018/10/26 Python
对Pandas MultiIndex(多重索引)详解
2018/11/16 Python
python try 异常处理(史上最全)
2019/03/07 Python
计算机二级python学习教程(3) python语言基本数据类型
2019/05/16 Python
python多继承(钻石继承)问题和解决方法简单示例
2019/10/21 Python
Python实现将蓝底照片转化为白底照片功能完整实例
2019/12/13 Python
Anaconda+VSCode配置tensorflow开发环境的教程详解
2020/03/30 Python
法国在线药房:DoctiPharma
2020/10/21 全球购物
模具专业自荐信
2014/05/29 职场文书
火锅店的活动方案
2014/08/15 职场文书
工伤劳动仲裁代理词
2015/05/25 职场文书
送给教师们,到底该如何写好教学反思?
2019/07/02 职场文书