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回车完美实现tab切换功能
Mar 13 Javascript
在Mac OS下使用Node.js的简单教程
Jun 24 Javascript
原生JavaScript实现异步多文件上传
Dec 02 Javascript
javascript实现一个简单的弹出窗
Feb 22 Javascript
jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
May 27 Javascript
JS和JQuery实现雪花飘落效果
Nov 30 jQuery
微信小程序wx.previewImage预览图片实例详解
Dec 07 Javascript
微信小程序中时间戳和日期的相互转换问题
Jul 09 Javascript
浅谈angular2子组件的事件传递(任意组件事件传递)
Sep 30 Javascript
js实现内置计时器
Dec 16 Javascript
简单了解JavaScript作用域
Jul 31 Javascript
vue a标签点击实现赋值方式
Sep 07 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
php select,radio和checkbox默认选择的实现方法
2010/05/15 PHP
PHP动态分页函数,PHP开发分页必备啦
2011/11/07 PHP
关于Zend Studio 配色方案插件的介绍
2013/06/24 PHP
tp5实现微信小程序多图片上传到服务器功能
2018/07/16 PHP
PDO::quote讲解
2019/01/29 PHP
javascript URL锚点取值方法
2009/02/25 Javascript
实例讲解js验证表单项是否为空的方法
2016/01/09 Javascript
AngularJS模板加载用法详解
2016/11/04 Javascript
jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
2017/03/03 Javascript
vue父子组件的数据传递示例
2017/03/07 Javascript
iOS + node.js使用Socket.IO框架进行实时通信示例
2017/04/14 Javascript
Vue.js项目部署到服务器的详细步骤
2017/07/17 Javascript
实例分析Array.from(arr)与[...arr]到底有何不同
2019/04/09 Javascript
JS前端知识点offset,scroll,client,冒泡,事件对象的应用整理总结
2019/06/27 Javascript
javascript+Canvas实现画板功能
2020/06/23 Javascript
vue单元格多列合并的实现
2020/11/26 Vue.js
[02:57]2014DOTA2国际邀请赛 选手辛苦解说更辛苦
2014/07/10 DOTA
python 随机数生成的代码的详细分析
2011/05/15 Python
python协程用法实例分析
2015/06/04 Python
Python使用os模块和fileinput模块来操作文件目录
2016/01/19 Python
Python实现向服务器请求压缩数据及解压缩数据的方法示例
2017/06/09 Python
Python3对称加密算法AES、DES3实例详解
2018/12/06 Python
Python实现求两个数组交集的方法示例
2019/02/23 Python
33个Python爬虫项目实战(推荐)
2019/07/08 Python
python输出决策树图形的例子
2019/08/09 Python
Python PIL图片添加字体的例子
2019/08/22 Python
pytorch点乘与叉乘示例讲解
2019/12/27 Python
python+Selenium自动化测试——输入,点击操作
2020/03/06 Python
Python run()函数和start()函数的比较和差别介绍
2020/05/03 Python
python多线程semaphore实现线程数控制的示例
2020/08/10 Python
css3动画过渡实现鼠标跟随导航效果
2018/02/08 HTML / CSS
仓库管理员岗位职责
2014/03/19 职场文书
文明寝室标语
2014/06/13 职场文书
上课随便讲话检讨书
2014/09/12 职场文书
2014年纪检监察工作总结
2014/11/11 职场文书
心得体会格式及范文
2016/01/25 职场文书