Yêu cầu ajax jQuery với phản hồi json, làm thế nào?

Question

Tôi đang gửi yêu cầu ajax với 2 giá trị bài đăng, đầu tiên là "hành động" xác định hành động của tập lệnh php của tôi, phân tích cú pháp "id" là id của người dùng để phân tích cú pháp .
Máy chủ trả về 6 giá trị bên trong một mảng() và sau đó được mã hóa để JSON với chức năng PHP: json_encode();
Một số phản ứng của tôi là HTML, nhưng khi tôi mã hóa nó để JSON, nó thoát "/" để nó trở thành "\/"
Tôi làm cách nào để tắt tính năng này?

cũng khi tôi không biết cách hiển thị điều này trong jQuery khi tôi nhận được phản hồi của máy chủ, tôi chỉ nghĩ rằng đặt tất cả vào một div sẽ chỉ hiển thị số và mã HTML mà tôi đã yêu cầu, nhưng nó sẽ hiển thị mảng vì nó được mã hóa trong PHP.

PHP

$response = array(); 
$response[] = "<a href=''>link</a>"; 
$response[] = 1; 
echo json_encode($response); 

jQuery:

$.ajax({ 
    type: "POST", 
    dataType: "json", 
    url: "main.php", 
    data: "action=loadall&id=" + id, 
    complete: function(data) { 
     $('#main').html(data.responseText); 
    } 
}); 

làm thế nào để tôi làm điều này để JSON làm việc?

Answer 1

Bạn cần phải gọi

$.parseJSON(); 

Ví dụ:

... 
success: function(data){ 
     var json = $.parseJSON(data); // create an object with the key of the array 
     alert(json.html); // where html is the key of array that you want, $response['html'] = "<a>something..</a>"; 
    }, 
    error: function(data){ 
     var json = $.parseJSON(data); 
     alert(json.error); 
    } ... 

thấy điều này trong http://api.jquery.com/jQuery.parseJSON/

nếu bạn vẫn còn có vấn đề về dấu gạch chéo: tìm kiếm security.magicquotes.disabling.php hay: function.stripslashes.php

Lưu ý:

Câu trả lời này ở đây là đối với những người hãy thử sử dụng $.ajax với thuộc tính dataType được đặt thành json và thậm chí là có loại phản hồi sai. Việc xác định header('Content-type: application/json'); trong máy chủ có thể khắc phục sự cố, nhưng nếu bạn đang trả lại text/html hoặc bất kỳ loại nào khác, phương pháp $.ajax sẽ chuyển đổi nó thành json. Tôi thực hiện một thử nghiệm với các phiên bản cũ hơn của jQuery và chỉ sau khi phiên bản 1.4.4 lực $.ajax chuyển đổi bất kỳ loại nội dung nào thành số dataType được chuyển. Vì vậy, nếu bạn có vấn đề này, hãy thử cập nhật phiên bản jQuery của bạn.

Answer 2

Thứ nhất, nó sẽ giúp đỡ nếu bạn thiết lập các tiêu đề của PHP của bạn để phục vụ JSON:

header('Content-type: application/json'); 

Thứ hai, nó sẽ giúp điều chỉnh cuộc gọi ajax của bạn:

$.ajax({ 
    url: "main.php", 
    type: "POST", 
    dataType: "json", 
    data: {"action": "loadall", "id": id}, 
    success: function(data){ 
     console.log(data); 
    }, 
    error: function(error){ 
     console.log("Error:"); 
     console.log(error); 
    } 
}); 

Nếu thành công, phản hồi bạn nhận được nên được chọn là JSON đúng và một đối tượng phải được ghi vào bàn điều khiển. LƯU Ý: Nếu bạn muốn nhận html thuần túy, bạn có thể muốn xem xét sử dụng một phương pháp khác để JSON, nhưng cá nhân tôi khuyên bạn nên sử dụng JSON và hiển thị nó thành html bằng cách sử dụng các mẫu (chẳng hạn như Handlebars js).

Answer 3

Vì bạn đang tạo đánh dấu dưới dạng chuỗi mà bạn không chuyển đổi thành json. Chỉ cần gửi nó vì nó kết hợp tất cả các phần tử mảng sử dụng phương thức implode. Thử cái này.

thay đổi PHP

$response = array(); 
$response[] = "<a href=''>link</a>"; 
$response[] = 1; 
echo implode("", $response);//<-----Combine array items into single string 

JS (Thay đổi datatype từ json để html hay chỉ không đặt nó jQuery sẽ tìm nó ra)

$.ajax({ 
    type: "POST", 
    dataType: "html", 
    url: "main.php", 
    data: "action=loadall&id=" + id, 
    success: function(response){ 
     $('#main').html(response); 
    } 
}); 

Answer 4

Kết nối bộ điều khiển khách hàng javascript của bạn và bộ điều khiển máy chủ php bằng cách gửi và nhận mã opcodes với dữ liệu được liên kết. Vì vậy, mã php của bạn có thể gửi câu trả lời như đồng bằng chức năng cho js recepient/nghe

thấy https://github.com/ArtNazarov/LazyJs

Xin lỗi cho tiếng Anh xấu của tôi