Mui+jsonp 跨域访问Uncaught SyntaxError: Unexpected token

1 篇文章 0 订阅
0 篇文章 0 订阅

插件介绍:众所周知,使用ajax直接发起请求存在跨域无权限访问的问题,这时候,需要使用jsonp协议(非官方的协议)处理,jQuery中的 .ajax使访使jQuery .ajax方法进行跨域访问,然后再介绍使用其它jQuery插件(jQuery-JSONP)实现样的功能。
1、js页面

code>
function login(){
    var ip="http://192.168.31.6:8080/HTML_ht";
    $.ajax({ 
        type:"GET",  
        url:ip+"/login.jsp",  
        crossDomain: true,  
        data:{   
            username:'admin',
            password:'123',
        },  
        dataType:'JSONP',  
        jsonp:"callback",  
        async:true,  
        success:function(data){ 
           var username = data.username;
           var password = data.password;
           if(username=="admin" && password=="123"){
                alert("登陆成功");
           }else{
                alert("登陆失败");

2、h5页面

<code>
<div class="container">
        <input type="text" name="username" id="username" />
        <input type="password" name="password" id="password" />
        <input type="button" value="Login" onclick="login()"/>
</div>


3、后台处理

public void testjson(HttpServletRequest request, HttpServletResponse response) {  
    String callback = (String)request.getParameter("callback");  
    String jsonData = "{\"id\":\"3\", \"name\":"zhangsan", \"telephone\":"13612345678"}";//为了演示效果,json数据是写死的  
    String retStr = callback + "(" + jsonData + ")";  
    response.getWriter().print(retStr);
    }
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值