AJAX跨域访问的实现

在工作中难免会碰到需要跨域请求数据或提交数据的情况,本人最开始也是在试了几种方式才成功,当时网上的案例也比较有限,下面贴出工作中的一个例子,已在多个项目中使用,完美解决跨域问题。
请求端JS:

<script type="text/ecmascript">
    function fu_Login() {
            var u_name = $("#textinput1").val();
            var u_password = $("#textinput2").val();
            if (u_name == "") {
                alert("用户名为空,请输入用户名。");
                return;
            }
            if (u_password == "") {
                alert("用户密码为空,请输入密码。");
                return;
            }
            $.getJSON("http://192.168.0.222:8080//mblogin?username=" + u_name + "&password=" + u_password + "&jsCallback=Login&callback=?");
        }
        function Login(result) {
            loginvar = $.trim(result);
            if (loginvar == "ok") {
                sessionStorage.setItem("UserName", $("#textinput1").val());
                sessionStorage.setItem("UserPasword", $("#textinput2").val());
                //window.location = "CoalMineUser/UserLIst2.html";
                window.location = "CoalMineUser/MKJBXX.html";
            } else {
                alert("用户名或密码错误!");
            }
            if ($("#checkbox0").attr("checked")) {
                saveUserInfo();
        }

    }
</script>

跨越请求方法:

/**
     * 跨越请求登录
     * @param username
     * @param password
     * @param request
     * @return
     */
    @RequestMapping(value = "/mblogin")
    @ResponseBody
    public String mblogin(@RequestParam String username,
            @RequestParam String password,
            HttpServletRequest request) {
        try {
            .........
            return callback + "('ok')";// 登陆成功
        } catch (Exception e) {
            e.printStackTrace();
            return callback + "('error')";// 登录失败
        }
    }

看到网上贴出spingmvc有另外的方法解决跨域问题,但我这里也只是看了下,没去验证过。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值