ajax表单不刷新页面,如何让jQuery表单提交不刷新页面，而是添加内容 - AJAX如？...

在我的$('#my_form').submit(function()我有一个代码，应该从my_form窗体中添加一些选定歌曲的更多信息。我希望它能够在每个表单提交中更改info_table的内容(如果标记了不同的歌曲)。我怎样才能做到这一点 ？如果我离开return false;，那么该页面将不会重新加载。如何让jQuery表单提交不刷新页面，而是添加内容 - AJAX如？

var my_xml;

$(document).ready(function()

{

$.get("songs_2.xml", function(d){

my_xml = d;

//$('body').append("

var html = "";

var i = 0;

$(d).find('song').each(function(){

var $song = $(this);

var title = $song.find('title').text();

var artist = $song.find('artist').text();

var cover = $song.find('cover').text();

var id = $song.find("id").text();

html += "

"+id+" " + artist + " " + title + "";

html += "

" ;

$('#my_table').append($(html));

html = ""

i++;

});

});

});

$('#my_form').submit(function()

{

var i = $("#my_form input[type='radio']:checked").val();

$.get("songs_2.xml", function(d){

my_xml = d;

//$('body').append("

var html = "";

var i = 0;

$(d).find('song').each(function(){

var $song = $(this);

var title = $song.find('title').text();

var artist = $song.find('artist').text();

var cover = $song.find('cover').text();

var id = $song.find("id").text();

$('#info_table').html("

" + ALOTOFINFO + "");

});

});

return false;

});

2013-05-21

Patryk