webstorm jquery ajax请求跨域问题解决

最新推荐文章于 2024-03-04 10:08:24 发布

海涛高软

最新推荐文章于 2024-03-04 10:08:24 发布

阅读量7.2k

点赞数

分类专栏： Jquery 文章标签： jquery

本文链接：https://blog.csdn.net/qq_15267341/article/details/52776694

版权

Jquery 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

报的错：
这里写图片描述

Jquery中的Ajax代码：

        $(document).ready(function () {
            $("a").button();
            $("#btn01").click(function () {
                $.getJSON("http://localhost:8080/tiantian/shiyan01?aihao="+$("#shuru01").val()+"&callback=?", function (data) {
                    alert(data["aihao"]);
                    $("#shuru02").val(data["aihao"]);
                });
            });
        });

HTML代码：

<body>
<div>
    <input type="text" id="shuru01"> <a id="btn01">发送</a><br/>
</div>
服务器返回结果： <input type="text" id="shuru02"> <br/>
测试是否刷新： <input type="text" id="shuru03"> <br/>
</body>

html页面如下：
这里写图片描述

说明：测试输入框只是起到参照的作用

jsp代码如下：
这里写图片描述

最后效果：

这里写图片描述

补充知识：什么是跨域
这里写图片描述

FR:海涛高软（QQ技术交流群：386476712）

海涛高软

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
webstorm jquery ajax请求跨域问题解决

报的错： Jquery中的Ajax代码： $(document).ready(function () { $("a").button(); $("#btn01").click(function () { $.getJSON("http://localhost:8080/tiantian/shiyan01?
复制链接

扫一扫