以下是使用jQuery,AJAX,JSON和PHP JSON encode的示例。我希望它能幫助你理解流程。
test.php的:
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="jsFile.js"></script>
<form action='_test.php' method='post' class='ajaxform'>
<input type='text' name='txt1' value='Test Text 1'>
<input type='text' name='txt2' value='Test Text 2'>
<input type='submit' value='submit'>
</form>
<br /><br />
<div id='testDiv1'>txt1's text comes here....</div>
<div id='testDiv2'>txt2's text comes here....</div>
_test.php:
<?php
$arr = array('testDiv1' => $_POST['txt1'], 'testDiv2' => $_POST['txt2']);
echo json_encode($arr);
?>
jsFile.js
jQuery(document).ready(function(){
jQuery('.ajaxform').submit(function() {
$.ajax({
url : $(this).attr('action'),
type : $(this).attr('method'),
dataType: 'json',
data : $(this).serialize(),
success : function(data) {
for(var id in data) {
jQuery('#' + id).html(data[id]);
}
}
});
return false;
});
});
正是我一直在尋找,謝謝兄弟。 – 1337holiday 2010-09-13 04:13:37
總是使用'hasOwnProperty'檢查'for ... in'循環中的元素,否則您也可能遍歷其原型的屬性。 – 2011-05-11 14:08:05