jquery如何实现ajax技术3:$.get()
程序员文章站
2022-03-04 16:26:27
...
今天要向大家介绍的是jQuery中的$.get()。它同样能够让我们以非常少的代码量完成网站开发中的ajax需求。
$.get()函数的参数和我们在《jquery如何实现ajax技术2:$.post()》中介绍的$.post()参数相同。具体如下:
$.get(url,data,callback,type)
url---待载入页面的 URL 地址。
data---待发送 Key / value 参数。
callback---载入成功时回调函数。
type---返回内容格式,xml, html, script, json, text, _default。
下面举一个实际例子:
===============================================================
ajax.html
$.get()函数的参数和我们在《jquery如何实现ajax技术2:$.post()》中介绍的$.post()参数相同。具体如下:
$.get(url,data,callback,type)
url---待载入页面的 URL 地址。
data---待发送 Key / value 参数。
callback---载入成功时回调函数。
type---返回内容格式,xml, html, script, json, text, _default。
下面举一个实际例子:
===============================================================
ajax.html
<html>
<head>
<title>$.ajax的应用</title>
<script type="text/javascript" language="javascript" src="./js/jquery.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$('#bot_1').click(function(){
$.get('ajax.php',{web:"mysql100"},function(data,st){$("div").html(data);})
})
})
</script>
</head>
<center><h2>$.ajax的应用</h2></center>
<center><div>这是需要显示的地方</div></center>
<center><button id="bot_1">点击我吧</button></center>
</html>
===============================================================
ajax.php
<?php
echo '您要访问的网站是'.$_GET['web'];
?>
以上就是jquery如何实现ajax技术3:$.get()的内容,更多相关内容请关注PHP中文网(www.php.cn)!
上一篇: 在php中get和post区别
推荐阅读
-
如何获取JQUERY AJAX返回的JSON结果集实现代码_基础知识
-
基于HTML5 Ajax文件上传进度条如何实现(jquery版本)
-
基于Jquery ajax技术实现间隔N秒向某页面传值
-
使用Jquery+Ajax+Json如何实现分页显示附JAVA+JQuery实现异步分页
-
如何使用CSS3+JQuery实现悬浮墙式菜单
-
利用jQuery Ajax技术实现每隔5秒向某页面传值
-
jquery用get实现ajax在ie里面刷新不进入后台解决方法
-
Asp.Net+Jquery.Ajax详解3-$.get和$.post
-
AI开发者大会之计算机视觉技术实践与应用:2020年7月3日《RPA+AI助力政企实现智能时代的人机协同》、《5G风口到来,边缘计算引领数据中心变革》、《数字化时代金融市场与AI算法如何结合?》
-
JQuery Ajax如何实现注册检测用户名