Jquery Ajax调用不正确,因为GET而不是POST

时间:2014-07-23 11:47:35

标签: jquery

我正在对我的Rest WebService进行跨域AJAX POST调用

这是我的HTML代码

$(document).on("click", ".submit", function(e) {

 var name = $('#name').val();
var mobile = $('#mobile').val();
var email = $('#email').val();

 if(name==''||mobile==''||email=='')
 {
    alert('Please Fill All the Details');
return false;
 }
 else
 {
var information = {
    "name": name,
    "mobile": mobile,
    "email": email
}

var dataaa = JSON.stringify(information);

console.log(dataaa);

  $.ajax({
            type: 'POST',
         url: 'http://192.168.2.46:8080/PostEx/test/testservice',
            jsonpCallback: 'jsonCallback',
            cache: true,
            data: dataaa,
            dataType: 'jsonp',
            jsonp: false,
            success: function (response) {

               alert(response);
            },
            error: function (e) {
                $("#divResult").html("WebSerivce unreachable");
            }
        }); 

 }

});

<body>

<form method="POST">
<div class="required">
Name: <input class="required" type="text" id="name" name="name"> <span class="asterisk_input">  </span>   </br>
Phone: <input type="mobile" id="mobile" name="mobile"> <span class="asterisk_input">  </span>    </br>
E-mail: <input type="email" id="email" name="email"> <span class="asterisk_input">  </span>    </br>
</div>
  <input class="submit" type="submit">
</form>
</body>

我在浏览器控制台下观察

enter image description here

很抱歉,我不知道如何裁剪图片。

1 个答案:

答案 0 :(得分:2)

使用JSONP时,您无法发出POST请求。

JSONP请求不使用XMLHTTPRequest对象来执行请求,它通过将资源加载为Javascript来向发出请求的页面添加script标记。 script标记没有指定请求方法的方法,它始终是GET请求。