jquery ajax跨域访问的问题

最新推荐文章于 2024-10-17 17:15:00 发布

原创最新推荐文章于 2024-10-17 17:15:00 发布 · 134 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #ViewUI

本文详细介绍了如何通过JSONP技术解决跨域请求的问题，并提供了一个简单的示例代码，包括如何在HTML中引入外部JavaScript文件，如何在JavaScript中使用$.ajax方法进行跨域请求操作。


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
    $(document).ready(function() {
        $("#btnSubmit").click(function() {
            Search();
        });
    });
    function Search() {
        $.ajax({
            type: "POST",
            url: "http://118.122.89.217:8808/ANBOSS/productView.c?do=queryProduct",
            data: {barCode: $("#barCode").val()},
			dataType: 'jsonp', 
			jsonp: 'jsoncallback', 
			timeout: '10000',
            beforeSend:function(){
				$("#msg").html("正在查询中，请稍候.....");
            },
            success:function(json){
				$("#msg").html('<h3>您好，您查询的产品结果如下：</h3><div class=hot>'+json+'</div><h3>感谢您对爱恋珠宝的支持！</h3>');
            },
            error:function(){
				$("#msg").html("抱歉，您输入的产品条形编码（证书号）有误，请重新核对您的产品编号。");
            }
        });
    }
</script>