您的位置：首页 > 其它

[转]Ajax调用存储过程简单实例

2017-04-13 10:22 369 查看

       ajax基于javascript ，就是通过网页脚本向服务器发送异步的请求，改变同步请求的不便

       同步请求一个请求必须等待到服务器的响应然后整个页面刷新

       异步请求则不需要等待服务器的响应因此页面可以实现局部刷新

       这样的好处是提供了更好的用户体验，仅供初学者学习。

<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}
function addNumber()
{
createXMLHttpRequest();
var url= "Handler.ashx";
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange=showResult;
xmlHttp.send(null);
}
function showResult()
{
//alert(xmlHttp.status) ;
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
document.getElementById("result").innerHTML=xmlHttp.responseText;
}
}
}
</script>
</head>
<body>
<form id="form2" runat="server">
<div style="text-align: center">
<div id="result"></div>
</div>
<input id="btnGetData" type="button" value="Ajax 获取存储过程数据"  onclick="addNumber();"/>
</form>
</body>
</html>

非常简单的存储过程实例如下：

create  procedure GetDataSam(
@number int
)
as
begin
declare @str nvarchar(200);
set   @str='select top '+cast(@number  as  nvarchar)+ 'title  from  zhq_in_content    order by  createdate   desc';
exec(@str);
end

http://www.cnblogs.com/jasenkin/archive/2010/03/02/1676349.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航