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+”
相关文档：
# app\controllers\examples_controller.rb
ruby 代码
class ExamplesController < ApplicationController
def ajax_select
@items = %w{AA BB}
end ......
1
、介绍一下
Prototype
的
$()
函数，
$F()
函数，
$A()
函数都是什么作用？
$()
方法是在DOM
中
使用过于频繁的 document.getElementById()
方法的一个便利的简写，就像这个DOM
方
法一样，这个方法返回参数传入的id
的那个元素。
$F()
函数是另一个大收欢迎的“
快
捷键”
，它能用 ......
在做ajax加载页面时遇到了一个问题，写在被加载页面head里的style标记似乎总是无效。意识到现在是在ie中，于是我转向ff中调试，结果在ff中是有效的。这真是奇怪了，难道ff和ie在加载页面时真会有不同的处理方式吗？这种不同在什么地方呢？
我设法查看ff和ie中加载到浏览器的源代码，（用的alert(document.getElementById(' ......
本文收集了一些有趣并很有用的自动提示脚本，他们无论对于初学者还是专业前端开发人员都是适用的。这些脚本包括标准的自动提示效果、仿
del.icio.us效果、仿Googel效果以及使用自动提示的高级数据表过滤效果。
使用一个合适的自动提示脚本有效的提升你的网站的用户体验。
1. Ajax Auto Suggest v.2
AutoSuggest
类� ......
把自己写的jquery写下来
比如现在有一个界面，分左右两侧，当点击左侧的标签，然后在右侧框显示，实现无刷新技术，这是最简单的ajax应用
function touser() {
$.ajax({
url: "UserTable.aspx?timeStamp=" + new Date().getTime(),
success: function(msg) {
$("#ma ......
