Answers for "get html javascript ajax"

1

Get html by ajax

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>

$(document).ready(function(){
  $("button").click(function(){
    $.ajax({url: "sendHtml.php", success: function(result){
      $("#div1").html(result);
    }});
  });
});

</script>
</head>
<body>

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>

<button>Get External Content</button>

</body>
</html>
Posted by: Guest on November-06-2021
1

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 "Javascript"

Browse Popular Code Answers by Language