Answers for "How to display ajax response in html"

2

ajax get html response

//your jquery code will be like this:
$.ajax({
      type: 'POST',
      url: $url,
      data: new FormData(this),
      dataType: 'json',
      contentType: false,
      processData:false,//this is a must
      success: function(response){ 
      		$('your_selector').html(response);
      }
});

//php code will be like this
echo '<div>some html code</div>';
die();
Posted by: Guest on June-11-2021
0

js ajax receive html

$.ajax({
  	type: 'POST',
  	url: "<Your URL>",
	contentType: 'application/json; charset=utf-8'
  	// Set your dataType to either 'html' or 'text'.
	// Keep in mind: dataType is for receiving,
	// contentType is for sending
  	dataType: 'html',
  	data: { example: 1, id: "0x100"},
	// Note: the data above is used in sending,
	// data below is a variables that stores received data
  	success: function (data){
     	// Suppose you have an html element, where you want to append 
     	// the response:
     	$('#<Your html element id>').html(data);
  		// .html(data) overwrites existing data
		// Use .append(data) to add response without overwriting!
  	}
});
Posted by: Guest on October-08-2020

Code answers related to "How to display ajax response in html"

Browse Popular Code Answers by Language