日期:2014-05-16  浏览次数:20735 次

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

?????? 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