如何使用jQuery将json结果放入输入值中？

Question

I am trying to put json result into a input the value.

I have this code:

$.ajax({
   type:"POST",
   url:  '{% url "url_searchTour"%}', 
   data: data1,
   success: function(jsonAjaxResult){  
            console.log(JSON.stringify(jsonAjaxResult));
            $('#txt_nombre').val(jsonAjaxResult);


   },
   error: function(data){
   alert("Got an error, Pleas conctact the Administrator");

                                }

                        }); 

The view returns single json object.

View:

    dataSer1 = serializers.serialize("json",dataT1)
    dataSer2 = serializers.serialize("json",dataT2)
    data0 = json.dumps({'dataEsp':dataSer1,'dataEng':dataSer2})
return HttpResponse(data0, content_type='application/json')

How can I put the information returned into a inputy value. For example like this:

$('#txt_nombre').val(jsonAjaxResult['dataEsp.name']); //from obj1
 $('#txt2_nombre').val(jsonAjaxResult['dataEng.name']); //from obj2

What i have so far is this:

console.log(jsonAjaxResult['dataEsp']);

It retuns the next code:

[{
"fields":
 {
 "Monday": true, 
 "restrictions": "No kids",
 "name": "Yate Mar", 

 }, 
 "model": "appMain.touresp", 
 "pk": 1
 }]

Answer 1

JSON.stringify() it's the way to do it, check how it's working with your data.

 var jsonData = [{ "fields": { "Monday": true, "restrictions": "No kids", "name": "Yate Mar", }, "model": "appMain.touresp", "pk": 1 }] console.log(jsonData) var txt = document.getElementById("myTxt"); txt.innerHTML = JSON.stringify(jsonData) 

 <textarea id="myTxt"></textarea>