Live search using BSP (BSPÖÐAJAXʵÏÖ)
³õѧBSP, Ò»Ö±ÔÚÏëÈçºÎʵÏÖAJAXЧ¹û, Æðµ½ÎÞÒâ¿´µ½ÕâÆªÍøÎÄ, ²ÅÓÐÒ»ÖÖ»óÈ»¿ªÀʵĸоõ, ¿÷ÎÒ»¹¹ýASP/ASP.net , ÕæÊÇ×öÁ˼¸ÄêABAP×öɵÁË,ºÇºÇ
ÆäʵBSPºÍASPºÜÏó, ¿ÉÒÔ²ÉÓÃASPµÄ·½·¨À´ÊµÏÖAJAXÓ¦ÓÃ, ÎÞ·ÇÊǵ÷ÓÃxmlHttpRequest¶ÔÏó¶ø¼º.
ÔÎĵØÖ·: http://scnblogs.techweb.com.cn/leonard/archives/38.html, תÌùÈçÏÂ:
ÄãÒ»¶¨¾³£Ê¹ÓÃgoogle»ò°Ù¶È¡£µ±ÄãÊäÈëÒª²éѯµÄ´ÊÌõµÄʱºò£¬ÔÚÊäÈë¿òµÄϱ߻á×Ô¶¯Ìáʾ¿ÉÄܵÄÑ¡Ïî£¬Ëæ×ÅÄãÊäÈëÖµµÄ±ä»¯¶ø±ä»¯¡£Õâ¾ÍÊÇËùν”Search-as-you-type”¡£
Google “Search-as-you-type” ÓÐһЩÑÝʾcode¿ÉÏÂÔØ£¬ÒªÔËÐеϰÔÙÏÂÔØÒ»¸ö³¬ÇáÁ¿¼¶µÄHttp·þÎñÆ÷xampp¡£
http://code.google.com/p/search-as-you-type/
ÉÏÃæµÄcodeÊÇÓÃPHPдµÄ£¬ÒªÖªµÀËüµÄÔÀí£¬¿ÉÒԲο¼ÏÂÃæÕâÆªÎÄÕ£º
PHP Ajax live search
http://www.w3schools.com/php/php_ajax_livesearch.asp
ÄÇôÕâÖÖ¼¼ÊõÓÃSAPµÄ¼¼ÊõÊÇ·ñ¿ÉÒÔʵÏÖÄØ£¿»Ø´ðÊǿ϶¨µÄ¡£Óüòµ¥µÄBSP+Javascript±à³Ì¾Í¿ÉÒÔʵÏÖ¡£
Ê×ÏÈ´´½¨Ò»¸öBSP Application: zlive_search
ÔÙ´´½¨Á½¸öPages with Flow Logic:
1. search.htm
2. livesearch.htm
Search.htm - search page with an input text box
<%@page language=”abap”%>
<%@extension name=”htmlb” prefix=”htmlb”%>
<html>
<head>
<script type=”text/javascript”>
var xmlhttp;
function showResult(str)
{
if (str.length==0)
{
document.getElementById(”livesearch”).innerHTML=””;
document.getElementById(”livesearch”).style.border=”0px”;
return;
}
xmlhttp=GetXmlHttpObject()
if (xmlhttp==null)
{
alert (”Your browser does not support XML HTTP Request”);
return;
}
var url=”livesearch.htm”;
url=url+”?q=”+str;
url=url+”
Ïà¹ØÎĵµ£º
ÎÒÃǶ¼ÖªµÀ£¬ajaxÄÜÌá¸ßÒ³ÃæÔØÈëµÄËٶȵÄÖ÷ÒªÔÒòÊÇͨ¹ýajax¼õÉÙÁËÖØ¸´Êý¾ÝµÄÔØÈë£¬ÕæÕý×öµ½°´Ðè»ñÈ¡£¬¼ÈÈ»Èç´Ë£¬ÎÒÃÇÔÚдajax³ÌÐòµÄʱºò²»·ÁËÍ·ðË͵½Î÷£¬ÔÚ¿Í»§¶ËÔÙ×öÒ»´Î»º´æ,½øÒ»²½Ìá¸ßÊý¾ÝÔØÈëËÙ¶È¡£ÄǾÍÊÇÔÚÔØÈëÊý¾ÝµÄͬʱ½«Êý¾Ý»º´æÔÚä¯ÀÀÆ÷ÄÚ´æÖУ¬Ò»µ©Êý¾Ý±»ÔØÈë£¬Ö»ÒªÒ³ÃæÎ´Ë¢Ð£¬¸ÃÊý¾Ý¾ÍÓÀÔ¶µÄ»º´æÔÚÄÚ´æÖУ¬µ±Ó ......
$.get()ºÍ$.post()·½·¨
$.get(url [,data] [,callback] [,type])
type£ºstringÀàÐÍ£¬·þÎñÆ÷¶Ë·µ»ØÄÚÈݵĸñʽ£¬°üÀ¨xml£¬html£¬script£¬json£¬textºÍ_default
»Øµ÷º¯ÊýÖ»ÓÐÁ½¸ö²ÎÊý£ºfunction(data,textstatus){....}
data:·µ»ØµÄÄÚÈÝ £ ......
oad()·½·¨
load( url [,data] [,callback]) dataÊÇObjectÀàÐÍ£¬·¢ËÍÖÁ·þÎñÆ÷µÄkey/valueÊý¾Ý
Àý£º
$(function(){
$("#send").click(function(){
$("#resText").load("test.html ......
×î½üÔÚÓÃAjax×öµÇ¼´°¿Ú£¬µ«ÊÇlogoutµÄʱºòÐèÒª¶Ôsession½øÐд¦Àí¡£ÓõÄÊÇsession.removeAttribute()º¯Êý½øÐÐlogout¡£µ«ÊÇ£¬ÊÂʵ֤Ã÷£¬ÔÚlogoutÒÔºó£¬ÔٴεǼµÄʱºò£¬²¢²»Äܵǽ³É¹¦£¬Ñ¹¸ù²»»á½øÈëactionÖ´ÐÐÏàÓ¦µÄ·½·¨£¨hqlÓï¾äҲûÓÐÖ´ÐУ©¡£
Ϊ´Ë£¬¾Ý˵ÓÐÁ½ÖÖ·½·¨½ ......
ÔÚ×öajax¼ÓÔØÒ³ÃæÊ±Óöµ½ÁËÒ»¸öÎÊÌ⣬дÔÚ±»¼ÓÔØÒ³ÃæheadÀïµÄstyle±ê¼ÇËÆºõ×ÜÊÇÎÞЧ¡£Òâʶµ½ÏÖÔÚÊÇÔÚieÖУ¬ÓÚÊÇÎÒתÏòffÖе÷ÊÔ£¬½á¹ûÔÚffÖÐÊÇÓÐЧµÄ¡£ÕâÕæÊÇÆæ¹ÖÁË£¬ÄѵÀffºÍieÔÚ¼ÓÔØÒ³ÃæÊ±Õæ»áÓв»Í¬µÄ´¦Àí·½Ê½Âð£¿ÕâÖÖ²»Í¬ÔÚʲôµØ·½ÄØ£¿
ÎÒÉè·¨²é¿´ffºÍieÖмÓÔØµ½ä¯ÀÀÆ÷µÄÔ´´úÂ룬£¨ÓõÄalert(document.getElementById(' ......