Dear All,
Please help me on this: I wrote a little program. When the home page loads, I added <body onload="get();"> to retrieve data from database using PHP and then display on the same home page. The codes imported to the home page also include a simple form with Submit button: "<form name='commentform'><textarea row='5' cols='20' autofocus form='commentform'></textarea><br /><input type='submit' id='sub_comment' value='Submit' onClick='addComment()'></form>".
When a user clicks Submit button, another Javascript funcition 'addComment()' will be trigger.
function addComment()
{
$.post('addComment.php',function(output){alert(output);});
}
addComment() will use juery.post to execute codes in 'addComment.php', which will send back the output to the client and the output will be displayed using alert(). Inside 'addComment.php', there are only two lines:
$pid='2';
echo $pid;
In IE, when I click the Submit button, there is a pop-up alert window saying '2'. However, in FF/Chrome, the page is just refreshed without any pop-up alerts after clicking Submit button.
I also tried to use jquery.ajax, and use $(function() {$("#sub_comment").click(...)}), However, they don't work neither. I would highly appreciate if somebody could help me to figure this out.
IE: 7.0
FF:3.6
Chrome: 10.0