jQuery——表单异步提交

<form mothod="POST" id="search_form">　　<div class="cf"> ??　　<label class="search-bar"> ?????　　<input id="keyword" placeholder="请输入搜索关键词" name="user_info_keyword" type="text" value="" class="input-search"> ?????　　<a id="search" class="btn-search"><i class="icon-search"></i></a> ?????　　<a href="javascript:;" class="btn-more"></a> ?????</label>　　</div></form>

jQuery(document).ready(function (){ ??jQuery(‘#search_form‘).bind("submit", function(){ ????????var key_word = jQuery("#keyword").val(); ????????if(key_word == ""){ return false; } ????????var options = { ???????????????url: ‘/portrait/user_info_display?user_info_keyword=‘ + key_word, ???????????????type: ‘post‘, ???????????????dataType: ‘text‘, ???????????????data: $("#search_form").serialize(), ???????????????success: function (data) { ???????????????????if (data.length > 0) ???????????????????????jQuery("#user_info").html(data); ???????????????} ????????}; ????????$.ajax(options); ????????return false; ??}) ??$(‘#search‘).click(function(){ ???????$(‘#search_form‘).submit(); ??})});