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匿名函数的问题分析
Mar 30 Javascript
jquery each的几种常用的使用方法示例
Jan 21 Javascript
七个很有意思的PHP函数
May 12 Javascript
微信jssdk在iframe页面失效问题的解决措施
Mar 03 Javascript
vuex实现简易计数器
Oct 27 Javascript
jQuery实现动态生成表格并为行绑定单击变色动作的方法
Apr 17 jQuery
Vue封装一个简单轻量的上传文件组件的示例
Mar 21 Javascript
Vue在页面数据渲染完成之后的调用方法
Sep 11 Javascript
详解使用WebPack搭建React开发环境
Aug 06 Javascript
解决小程序无法触发SESSION问题
Feb 03 Javascript
Vue表单控件数据绑定方法详解
Feb 05 Javascript
工作中常用js功能汇总
Nov 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
织梦sitemap地图实时推送给百度的教程
2015/08/03 PHP
Joomla调用系统自带编辑器的实现方法
2016/05/05 PHP
Laravel 实现在Blade模版中使用全局变量代替路径的例子
2019/10/22 PHP
JavaScript 实现??打印?理
2007/04/28 Javascript
js 中{},[]中括号,大括号使用详解
2011/05/12 Javascript
使用javascript实现页面定时跳转总结篇
2013/09/21 Javascript
javascript中兼容主流浏览器的动态生成iframe方法
2014/05/05 Javascript
node.js中的fs.statSync方法使用说明
2014/12/16 Javascript
jquery通过ajax加载一段文本内容的方法
2015/01/15 Javascript
自己动手写的javascript前端等待控件
2015/10/30 Javascript
使用jQuery加载html页面到指定的div实现方法
2016/07/13 Javascript
实现点击下箭头变上箭头来回切换的两种方法【推荐】
2016/12/14 Javascript
angularjs $http实现form表单提交示例
2017/06/09 Javascript
vue2.0 如何把子组件的数据传给父组件(推荐)
2018/01/15 Javascript
详解基于mpvue的小程序markdown适配解决方案
2018/05/08 Javascript
vue-router history模式下的微信分享小结
2018/07/05 Javascript
[00:02]DOTA2新版本使用PA至宝后暴击展示
2014/11/19 DOTA
python中pandas.DataFrame排除特定行方法示例
2017/03/12 Python
Pandas DataFrame数据的更改、插入新增的列和行的方法
2019/06/25 Python
pandas DataFrame创建方法的方式
2019/08/02 Python
利用Python实现kNN算法的代码
2019/08/16 Python
利用python对excel中一列的时间数据更改格式操作
2020/07/14 Python
Python抓包并解析json爬虫的完整实例代码
2020/11/03 Python
css3中用animation的steps属性制作帧动画
2019/04/25 HTML / CSS
详解HTML5中rel属性的prefetch预加载功能使用
2016/05/06 HTML / CSS
三星法国官方网站:Samsung法国
2019/10/31 全球购物
C++:memset ,memcpy和strcpy的根本区别
2013/04/27 面试题
求职信的最佳写作思路
2014/02/01 职场文书
应届毕业生求职信范文
2014/07/07 职场文书
2014年酒店工作总结范文
2014/11/17 职场文书
介绍信如何写
2015/01/31 职场文书
公司出纳岗位职责
2015/03/31 职场文书
2015年学校办公室主任工作总结
2015/07/20 职场文书
2015年十月一日放假通知
2015/08/18 职场文书
MySQL 自动填充 create_time 和 update_time
2022/05/20 MySQL
MySQL常用慢查询分析工具详解
2022/08/14 MySQL