ムイ+ JSONPクロスドメインアクセスキャッチされないでSyntaxError:予期しないトークン

プラグインの説明:我々はすべて知っているように、クロスドメインAJAXの使用は、直接、この時間はで、jQueryのをプロトコル(非公式プロトコル)処理をJSONPを使用する必要があり、リクエストに問題のないアクセスを開始します A J A X 正方方法を直接に接続された分岐サポート付きアソシエーションプロトコル給電断面-domain アクセス依頼します表面第一最初の誘電体は、導入する使用 J Q U E R&LT Yを アヤックスドメインアクセス方法、及びその後の機能のように達成するために、他の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);
    }

おすすめ

転載: blog.csdn.net/l3922768721/article/details/78095050