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程序的时候不妨送佛送到西，在客户端再做一次缓存,进一步提高数据载入速度。那就是在载入数据的同时将数据缓存在浏览器内存中，一旦数据被载入，只要页面未刷新，该数据就永远的缓存在内存中，当� ......
一周前，leader让我写一个类似百度的自动完成功能，呵呵，因为对ajax技术掌握的不好，所以苦恼了很久没有写出来
经过一周的学习，终于写出了一个ajax程序，以后的工作就好做多啦
index.jsp
<html>
<head>
<style >
#child{
color: #333;
width:200px;
&nbs ......
1.Using jQuery with ASP
.NET
http://dotnetslackers.com/articles/ajax/using-jquery-with-asp-net.aspx
包括jQuery怎么调用asp.net web service
2.jQuery and ASP.NET AJAX
UpdatePanel
http://www.dotnetfunda.com/articles/article471-jquery-and-aspnet-ajax-updatepanel.aspx
部分更新后怎么保持jQuery应� ......
今天抄了段书上小代码，代码如下
<html>
<head>
<script type="text/javascript" src="zxml.src.js"></script>
<script type="text/javascript">
function start() {
var oXmlHttp = zXmlHttp.createRequest();
oXmlHttp.open("get", "info11.txt", true);
oXmlHttp.onreadystatecha ......
以前提交表单的方法是submit，但是这样的话无法使用Ajax，一提交就意味着需要刷新页面。另一种方法是在url上面加上parameter来发送表单，但是这样会暴露发送的内容。但是如果用Ajax发送表单的话就能避免上面两种问题。
但是我之前自己写的时候，总是提交的是null值，运 ......
