jQuery .load sending variables

StackOverflow https://stackoverflow.com/questions/15362713

  •  23-03-2022
  •  | 
  •  

質問

Im starting off easy, but cant work out why this doesnt work.

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
><script>
$(document).ready(function(){
$("button").click(function(){

// $("#div1").load("details.php?date_1=31%2F1%2F1975&date_2=31%2F1%2F1985&submit=Submit" );

// $("#div1").load("details.php", {date_1:"31/1/1975", date_2:"31/1/1985"} );
});
});
</script>
</head>
<body>
<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button>Get External Content</button>
</body>
</html>

The 2 lines commented out, the first works, the second doesnt... I cant work out why?! Or how to make the second one work... Anyone?!

役に立ちましたか？

解決

Take a look at the manual for .load: http://api.jquery.com/load/

The POST method is used if data is provided as an object; otherwise, GET is assumed.

Your 2nd line uses POST whereas the 1st uses GET, this is probably why one works and the other does not.

他のヒント

If you must use load - take one of the other answers, otherwise - this keeps your format:

$.post('details.php', {date_1:"31/1/1975", date_2:"31/1/1985"}, function(data) {       
    $("#div1").html(data);
});
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top