javascript - 帮助提交表格。将结果加载到内容 div

Question

我正在使用 Dynamic Drive 中的这个选项卡脚本。这是网址...

http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/index.htm

我有一个页面，其中有一个 friend 搜索表单。提交后，我希望将结果加载到内容容器中。"countrydivcontainer"基本上这是我的布局...

<table cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td class='friends_left'>

<div id="countrydivcontainer" style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px">
<!-- ajaxContent -->
</div>

</td>

<td class='friends_right' valign="top">

<form action='user_friends.php' method='post' name='searchform'>
<input type='text' maxlength='100' style="width: 148px;" class='text' id="search" name='search' value='Search Friends' autocomplete="off">
</form>

<div id="countrytabs" class="shadetabs2">
<div><a href="friendsall.php" rel="countrycontainer"><div class="shadewidth">All Friends</div></a></div>
<div><a href="user_friends_requests.php" rel="countrycontainer"><div class="shadewidth">Friend Requests</div></a></div>
<div><a href="user_friends_requests_outgoing.php" rel="countrycontainer"><div class="shadewidth">Outgoing Requests</div></a></div>
<div><a href="phonebook.php" rel="countrycontainer"><div class="shadewidth">Phonebook</div></a></div>
<div><a href="invite.php" rel="countrycontainer"><div class="shadewidth">Find Friends</div></a></div>
</div> 

</td>
</tr>
</table>


{literal}
<script type="text/javascript">
<!-- 
var countries=new ddajaxtabs("countrytabs", "countrydivcontainer")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
//-->
</script>
{/literal}

我们必须编辑实际的表单页面吗？在这种情况下“user_friends.php”尝试了一些不同的东西但无法让它工作，非常感谢任何帮助!谢谢:)

Answer 1

您尝试执行的操作超出了 ajaxtabscontent 的范围，您可能应该查看 ajax 调用，它最终会填充 countrydivcontainer。

首先我建议使用 jQuery.post() .