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+”
相关文档：
$.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({
type: "GET",
url: '<%= Url.Action("xx", "Corp") % ......
MOOTOOLS中的方法使用
Core.js
函数: $extend 将第二个参数对象的所有属性复制到第一个参数对象中.
函数: $merge 合并一组对象生成新对象
函数: $each 迭代数组(包括非常规数组,如由内建的getElementsByTagName方法返回的集合对象, arguments对象, 或Ojbect对象)
函数: $pick 返回� ......
Ajax 的概念：
Ajax提出者Jesse James Garrett在《Ajax:一个Web应用的新途径》中提到Ajax为“Asynchronous JavaScript + XML”的简称，也就是异步的JavaScript和XML处理。
其中包含：
用XHTML和CSS进行基于标准的表示方式：
采用DOM(document object model)动� ......
