[javascript] 자바 스크립트 : Ajax로 JSON 객체를 보내시겠습니까?

Program / 글쓴이

이게 가능해?

xmlHttp.send({
    "test" : "1",
    "test2" : "2",
});

어쩌면 : 헤더가 content type: application/json? :

xmlHttp.setRequestHeader('Content-Type', 'application/json')

그렇지 않으면 사용할 수 있습니다.

xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')

그런 다음 JSON.stringifyJSON 객체를 매개 변수로 보내지 만 가능하면이 방법으로 보내면 좋습니다.

답변

jQuery로 :

$.post("test.php", { json_string:JSON.stringify({name:"John", time:"2pm"}) });

jQuery없이 :

var xmlhttp = new XMLHttpRequest();   // new HttpRequest instance 
xmlhttp.open("POST", "/json-handler");
xmlhttp.setRequestHeader("Content-Type", "application/json");
xmlhttp.send(JSON.stringify({name:"John Rambo", time:"2pm"}));

답변

jQuery를 사용하지 않는 경우 다음을 확인하십시오. 

var json_upload = "json_name=" + JSON.stringify({name:"John Rambo", time:"2pm"});
var xmlhttp = new XMLHttpRequest();   // new HttpRequest instance 
xmlhttp.open("POST", "/file.php");
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlhttp.send(json_upload);

그리고 PHP 수신 끝의 경우 :

 $_POST['json_name']

답변

나는 며칠 동안 여러 배열의 id를 전달하고 blob을 반환하는 것처럼 나에게 도움이되는 것을 찾기 위해 고심했습니다. .NET CORE를 사용하는 경우 2.1을 사용하는 경우 [FromBody]를 사용해야하며 데이터를 보유하기 위해 뷰 모델을 작성해야 할 때만 사용할 수 있습니다.

아래와 같이 내용을 정리하고

var params = {
            "IDs": IDs,
            "ID2s": IDs2,
            "id": 1
        };

내 경우에는 이미 배열을 json하고 함수에 결과를 전달했습니다.

var IDs = JsonConvert.SerializeObject(Model.Select(s => s.ID).ToArray());

그런 다음 XMLHttpRequest POST를 호출하고 객체를 문자열 화하십시오.

var ajax = new XMLHttpRequest();
ajax.open("POST", '@Url.Action("MyAction", "MyController")', true);
ajax.responseType = "blob";
ajax.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
ajax.onreadystatechange = function () {
    if (this.readyState == 4) {
       var blob = new Blob([this.response], { type: "application/octet-stream" });
       saveAs(blob, "filename.zip");
    }
};

ajax.send(JSON.stringify(params));

그런 다음이 모델을 

public class MyModel
{
    public int[] IDs { get; set; }
    public int[] ID2s { get; set; }
    public int id { get; set; }
}

그런 다음 액션을 전달하십시오. 

public async Task<IActionResult> MyAction([FromBody] MyModel model)

파일을 반환하는 경우이 부가 기능을 사용하십시오 

<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.3/FileSaver.min.js"></script>

답변

Json.stringfy문제를 해결 한 JSON 주위에 추가

답변