JQueryがサーバーにJSONオブジェクトを投稿する

Question

jerseyに投稿する必要があるjsonを作成します。これは、gridzzによって実行され、REST Webサービスを持つサーバーは、出力する必要のある受信jsonオブジェクトを取得します。私は試してみるが、これを正しく実装する方法がわからない。

import java.io.IOException; 
import java.io.InputStream; 

import net.sf.json.JSONObject; 
import net.sf.json.JSONSerializer; 

import org.apache.commons.io.IOUtils; 

import javax.ws.rs.*; 

    @Path("/helloworld") 
    public class GetData { 
     @GET 
     @Consumes("application/json") 
     public String getResource() { 

      JSONObject obj = new JSONObject(); 
      String result = obj.getString("name"); 

      return result;  
     }     

    } 

私はonloadイベント

function sendData() { 
     $.ajax({ 
       url: '/helloworld', 
       type: 'POST', 
       contentType: 'application/json', 
       data: { 
        name:"Bob", 


       }, 
       dataType: 'json' 
      }); 
      alert("json posted!"); 
     }; 

Answer 1

がサーバにJSONを送信するときにこのメソッドを実行するHTMLファイルを持っている、あなたが最初にJSON

function sendData() { 
    $.ajax({ 
     url: '/helloworld', 
     type: 'POST', 
     contentType: 'application/json', 
     data: JSON.stringify({ 
      name:"Bob", 
      ... 
     }), 
     dataType: 'json' 
    }); 
} 

を作成する必要がありますどのようにあなたが希望ですポスト変数としてjsonを送信するajaxリクエストを構造化します。

function sendData() { 
    $.ajax({ 
     url: '/helloworld', 
     type: 'POST', 
     data: { json: JSON.stringify({ 
      name:"Bob", 
      ... 
     })}, 
     dataType: 'json' 
    }); 
} 

JSONは今jsonポストVARになります。

Answer 2

FormData()を使用することもできます。しかし、あなたはfalseとしてcontentTypeを設定する必要があります。

var data = new FormData(); 
data.append('name', 'Bob'); 

function sendData() { 
    $.ajax({ 
     url: '/helloworld', 
     type: 'POST', 
     contentType: false, 
     data: data, 
     dataType: 'json' 
    }); 
}