Ajax2

最新推荐文章于 2022-03-14 13:52:49 发布

原创最新推荐文章于 2022-03-14 13:52:49 发布 · 248 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax

Ajax 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何利用jQuery AJAX进行搜索功能的实现，包括设置GET请求、定义回调函数等内容，并探讨了跨域问题及JSONP解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>
$(document).ready(function(){
$('#search').click(function(){
	$.ajax({
	type:"GET",
	url:"service.php?number="+$("#keyword").val(),
	dataType:"json",
	success:function(data){
	}
	error:function(jqXHR){
	alert(jqXHR.status);
}
});
});
});

JQuery.ajax([setting])
type:类型POST或者GET
URL：发送请求的地址
data；是一个对象，联通请求发送到服务器的数据
dataType：预期服务器返回的数据类型，如果不指定，jQuery讲自动根据HTTP包MIMP信息只能判断，一般我们采用JSON模式
success：是一个方法，请求成功后的回调函数，传入返回后的数据，以及包含成功代码的字符串
error：是一个方法，请求失败是调用此函数，传入xmlhttpRequest对象
<script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js"></script>引入在线的jquery库

http://www.abc.com:8080/scripts/jquery.js
协议子域名主域名端口号请求资源地址
js出于安全方面的考虑，不允许跨域调用其他页面的对象，什么是跨域呢，就是js同源策略的限制，a.com域名下的js无法操作b.com下的对象
通过在同域名的web服务器创建一个代理
JSONP可用于解决主流浏览器跨域数据的访问