jQuery中通过ajax的get()函数读取页面的方法_Javascript教程-查字典教程网
jQuery中通过ajax的get()函数读取页面的方法
jQuery中通过ajax的get()函数读取页面的方法
发布时间:2016-12-30 来源:查字典编辑
摘要:首先介绍get()函数:url,[data],[callback],[type]参数说明:url:待载入页面的URL地址data:待发送Ke...

首先介绍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>

测试前的初始页面是:

点击测试后的结果是:

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类