prototype.js ,ajax部分使用例子
2006-10-15 15:34
676 查看
1、AJAX查询
下载: demo.js
function searchSales()
{
var empID = $F('lstEmployees'); //定义参数
var y = $F('lstYears'); //定义参数
var url = 'http://yoursever/app/get_sales'; //查询URL
var pars = 'empID=' + empID + '&year=' + y; //查询参数
var myAjax = new Ajax.Request(
url,
{method: 'get', parameters: pars, onComplete: showResponse} //查询方法和属性/
);
}
function showResponse(originalRequest)
{
//put returned XML in the textarea
$('result').value = originalRequest.responseText; //返回结果
}
HTML代码
下载: demo.html
<select id="lstEmployees" size="10" onchange="searchSales()">
<option value="5">Buchanan, Steven
<option value="8">Callahan, Laura</option>
<option value="1">Davolio, Nancy</option>
</select>
<select id="lstYears" size="3" onchange="searchSales()">
<option selected="selected" value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
</select>
<textarea id=result cols=60 rows=10 >
2、AJAX 更新填充
下载: action.js
<script>
function getHTML()
{
var url = 'http://yourserver/app/getSomeHTML'; //定义URL
var pars = 'someParameter=ABC'; //定义参数
var myAjax = new Ajax.Updater(
{success: 'placeholder'},
url,
{method: 'get', parameters: pars, onFailure: reportError});
}
function reportError(request)
{
alert('Sorry. There was an error.');
}
</script>
<input type=button value=GetHtml onclick="getHTML()"/>
<div id="placeholder">
下载: demo.js
function searchSales()
{
var empID = $F('lstEmployees'); //定义参数
var y = $F('lstYears'); //定义参数
var url = 'http://yoursever/app/get_sales'; //查询URL
var pars = 'empID=' + empID + '&year=' + y; //查询参数
var myAjax = new Ajax.Request(
url,
{method: 'get', parameters: pars, onComplete: showResponse} //查询方法和属性/
);
}
function showResponse(originalRequest)
{
//put returned XML in the textarea
$('result').value = originalRequest.responseText; //返回结果
}
HTML代码
下载: demo.html
<select id="lstEmployees" size="10" onchange="searchSales()">
<option value="5">Buchanan, Steven
<option value="8">Callahan, Laura</option>
<option value="1">Davolio, Nancy</option>
</select>
<select id="lstYears" size="3" onchange="searchSales()">
<option selected="selected" value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
</select>
<textarea id=result cols=60 rows=10 >
2、AJAX 更新填充
下载: action.js
<script>
function getHTML()
{
var url = 'http://yourserver/app/getSomeHTML'; //定义URL
var pars = 'someParameter=ABC'; //定义参数
var myAjax = new Ajax.Updater(
{success: 'placeholder'},
url,
{method: 'get', parameters: pars, onFailure: reportError});
}
function reportError(request)
{
alert('Sorry. There was an error.');
}
</script>
<input type=button value=GetHtml onclick="getHTML()"/>
<div id="placeholder">
相关文章推荐
- Ajax (部分二:prototype.js代码)总结页面向后台传Form值、单个值和后台向前台传一个或是一组值
- ajax拖动层,保存层位置,这段代码是从网络人扒拉下来的(非XAJAX),使用类库prototype.js,感觉效果非常好
- [转]prototype.js开发笔记(针对Ajax的JS框架Prototype的使用介绍)
- Ajax (部分二:prototype.js代码)总结页面向后台传Form值、单个值和后台向前台传一个或是一组值
- Ajax (部分二:prototype.js代码后半部分)自己做的,总结页面向后台传Form值、单个值和后台向前台传一个或是一组值
- prototype.js Ajax.Request使用小结
- ajax拖动层,保存层位置,这段代码是从网络人扒拉下来的(非XAJAX),使用类库prototype.js,感觉效果非常好
- prototype.js的Ajax对象 例子
- [转]prototype.js开发笔记(针对Ajax的JS框架Prototype的使用介绍)
- Ajax (部分二:prototype.js代码前半部)自己做的,总结页面向后台传Form值、单个值和后台向前台传一个或是一组值
- ajax拖动层,保存层位置,这段代码是从网络人扒拉下来的(非XAJAX),使用类库prototype.js,感觉效果非常好
- prototype.js 和 jQuery.js中 ajax 的使用
- Ajax (部分二:prototype.js代码后半部分)自己做的,总结页面向后台传Form值、单个值和后台向前台传一个或是一组值
- Ajax (部分二:prototype.js代码前半部)自己做的,总结页面向后台传Form值、单个值和后台向前台传一个或是一组值
- prototype.js实现AJAX小例子
- Js中使用hasOwnProperty方法检索ajax响应对象的例子
- prototype.js开发笔记(针对Ajax的JS框架Prototype的使用介绍)
- 用最简单的例子演示如何使用js或者$.ajax进行跨域请求
- 使用prototype.js写的读取RSS的例子
- Js中使用hasOwnProperty方法检索ajax响应对象的例子