易截截图软件、单文件、免安装、纯绿色、仅160KB

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+”


相关文档:

Rails ajax 的联动的下拉框


# app\controllers\examples_controller.rb
ruby 代码
 
class ExamplesController < ApplicationController  
  
  def ajax_select  
    @items = %w{AA BB}  
  end   ......

MVC + JQUERY + AJAX的几种方式

// 传过去一个简单值,获取一个简单值
$.ajax({  
                type: "GET",
                url: '<%= Url.Action("xx", "Corp") % ......

ajax 相关


1
、介绍一下
Prototype

$()
函数,
$F()
函数,
$A()
函数都是什么作用?
$()
方法是在DOM

使用过于频繁的 document.getElementById()
方法的一个便利的简写,就像这个DOM

法一样,这个方法返回参数传入的id
的那个元素。
$F()
函数是另一个大收欢迎的“

捷键”
,它能用 ......

ajax技术详解

  AJAX技术应用详解 收藏
AJAX是Asynchronous JavaScript and XML 的缩写。它并不是一门新的语言或技术,它实际上是几项技术按一定的方式组合在一在同共的协作中发挥各自的作用,它包括:使用XHTML和CSS标准化呈现;使用DOM实现动态显示和交互;使用XML和XSLT进行数据交换与处理;使用XMLHttpRequest进行异步数据读取;最 ......

jquery ajax的简单应用

把自己写的jquery写下来
比如现在有一个界面,分左右两侧,当点击左侧的标签,然后在右侧框显示,实现无刷新技术,这是最简单的ajax应用 
function touser() {
$.ajax({
url: "UserTable.aspx?timeStamp=" + new Date().getTime(),
success: function(msg) {
$("#ma ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号