Javascript: отправить объект JSON с помощью Ajax?

Возможно ли это?

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.stringify объект JSON и отправить его в параметр, но было бы здорово отправить его таким образом, если это возможно.

Ответ 1

С помощью 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"}));

Ответ 2

Если вы не используете 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']

Ответ 3

Добавление Json.stringfy вокруг json, которое решило проблему

Ответ 4

Если вы используете javascript для отправки JSON, в файл php

send_recieve.js

var myObject = JSON.stringify({"name":"John","age":30,"city":"New York"});
var xhr = new XMLHttpRequest();
xhr.open("POST","http://localhost/dashboard/iwplab/j-comp/receive_send.php",false);
xhr.setRequestHeader("Content-type","application/json");
xhr.onreadystatechange = function(){
    if(xhr.readyState==4){console.log("xhr response:"+xhr.response)}
    alert(xhr.responseText);
 };
 xhr.send(myObject);

recieve_send.php

<?php
    $var = json_decode(file_get_contents("php://input"),true);
    echo "Data recieved by PHP file.\n";
    if ($var["name"]=="John"){
        echo "a";
    }
    else{
        echo "b";
    }
    //Manipulate/validate/store/retrieve to database here
    //echo statements work as response
    echo "\nSent";

?>

эхо заявления работают как ответ.

Ответ 5

Я боролся в течение нескольких дней, чтобы найти что-нибудь, что будет работать для меня, так как передавал несколько массивов идентификаторов и возвращал блоб. Оказывается, если я использую .NET CORE, я использую 2.1, вам нужно использовать [FromBody] и использовать его только тогда, когда вам нужно создать модель представления для хранения данных.

Заверните содержимое, как показано ниже,

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

В моем случае я уже имел json'd массивы и передал результат в функцию

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

Затем вызовите POST XMLHttpRequest и зафиксируйте объект

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>