Question

我已经创建了Java REST API，所以我希望通过使用jQuery在我的网站中调用JSON（使用HTML和CSS创建），这是POST方法，而我的JSON是，

{
    "sessionID" : "25574",
    "interactiveChannel" : "CC_INTERACT_TEST",
    "audienceLevel" : "Customer",
    "relyOnExistingSession" : false,
    "debug" : false,
    "audienceID":[
     {
       "name":"CustomerID",
       "valueAsNumeric":"200",
       "valueDataType":"numeric"
     }
   ]  
}

那么，如何使用jQuery发布这个JSON？

Answer 1

使用$ .post方法。工作原理：

 $.post(url, data, callbackFunction);

前：

var data = {
   myExampleProp: myExampleValue
};

$.post('www.mydomain.com/api/sessions', data, function() {
    // Successfully posted
});

您还可以使用使用axios而不是回调的promises。这是为了避免臭名昭着的回调地狱。它也更容易使用。

在我的示例中，我使用普通对象，但您也可以发送字符串（JSON）。

Answer 2

使用ajax方法它将起作用

var data = {"sessionID" : "25574","interactiveChannel":"CC_INTERACT_TEST","audienceLevel" : "Customer","relyOnExistingSession" : false,"debug" : false,"audienceID":[{"name":"CustomerID","valueAsNumeric":"200","valueDataType":"numeric"}]}

var saveData = $.ajax({
      type: 'POST',
      url: "http://127.0.0.1/abc/users",  //change the url to your url
      data: data,
      contentType: "application/json",
      dataType: "json",
      success: function(resultData) { alert(resultData); },
      error:function(resultData){alert("Error Reading url or data");}
});

在你的java中添加消耗（请求mediatype）并生成（response mediatype）

 @RequestMapping(value = {"/users"}, method = RequestMethod.POST,
    consumes = {MediaType.APPLICATION_JSON_VALUE, MediaType.APPLICATION_XML_VALUE},
    produces = MediaType.APPLICATION_JSON_VALUE, MediaType.APPLICATION_XML_VALUE)

使用jQuery POST方法在网站中调用JSON

2 个答案: