jQuery ajax request with json response, how to?

by

You need to call the 

$.parseJSON();

For example:

...
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);
    } ...

see this in
http://api.jquery.com/jQuery.parseJSON/

if you still have the problem of slashes:
search for security.magicquotes.disabling.php
or:
function.stripslashes.php

Note:

This answer here is for those who try to use $.ajax with the dataType property set to json and even that got the wrong response type. Defining the header('Content-type: application/json'); in the server may correct the problem, but if you are returning text/html or any other type, the $.ajax method should convert it to json. I make a test with older versions of jQuery and only after version 1.4.4 the $.ajax force to convert any content-type to the dataType passed. So if you have this problem, try to update your jQuery version.

More Related Contents:

  1. PHP display div with select option
  2. Simple jQuery, PHP and JSONP example?
  3. Sending JSON to PHP using ajax
  4. Submitting JSON data via JQuery ajax.post to PHP
  5. Retrieve JSON POST data in CodeIgniter
  6. jQuery $.ajax request of dataType json will not retrieve data from PHP script
  7. How to pass an array using PHP & Ajax to Javascript?
  8. Ajax call with contentType: ‘application/json’ not working
  9. Jquery AJAX post to PHP
  10. json_encode not working with a html string as value
  11. How do I run ajax request in background continuously?
  12. using jquery $.ajax to call a PHP function
  13. Ajax Upload image
  14. How to get the jQuery $.ajax error response text?
  15. Send array with Ajax to PHP script
  16. PHP/Apache/AJAX – POST limit?
  17. HTML – Change\Update page contents without refreshing\reloading the page
  18. Ajax passing data to php script
  19. jQuery AJAX form using mail() PHP script sends email, but POST data from HTML form is undefined
  20. Redirect with PHP after ajax call
  21. jquery using ajax to send data and save in php [duplicate]
  22. Sending multiple data parameters with jQuery AJAX
  23. Refresh a table with jQuery/Ajax every 5 seconds
  24. Jquery ajax setTimeout after form succes not redirecting?
  25. AJAX only access
  26. Codeigniter CSRF valid for only one time ajax request
  27. PHP + Ajax Login
  28. Writing JSON object to .json file on server
  29. Add a quantity field to Ajax add to cart button on WooCommerce shop page
  30. PHP JSON encode output number as string

Leave a Comment