ajax 调用asp.net 后台

最新推荐文章于 2021-08-05 14:40:13 发布

lic0914

最新推荐文章于 2021-08-05 14:40:13 发布

阅读量417

点赞数

本文链接：https://blog.csdn.net/lic0914/article/details/60117200

版权

ajax 同时被 3 个专栏收录

2 篇文章 0 订阅

订阅专栏

asp.net

2 篇文章 0 订阅

订阅专栏

jQuery

1 篇文章 0 订阅

订阅专栏

对于初学者来说要了解ajax那些对象还是有一定的难度呢，幸好是jquery在这方面做了封装，让初学者也能更快的掌握ajax技术，关于ajax jq的实例是比比皆是，但是有很少的拥有完整的代码，尽管自己有编程基础，但还是难以理解，经过努力，整理以下两种应用ajax技术的实例。

------------------------------------------------------------------------------------------------------


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>


</title>
    
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
    <script type="text/javascript">
// jQuery ajax 调用       

  function showHint(str) {
            if (str == "") {
                $("#show").html("");
                return;
            }
            $.ajax({
                type: "post",
                url: "Handler1.ashx",
                data: "q=" + str,
                success: function (msg) {
                   
                    $("#show").html(msg);
                }
            })
//     使用ajax xmlhttpdui对象 调用

//            var xmlhttp;
//            if (str.length == 0) {
//                document.getElementById("txtHint").innerHTML = "";
//                return;
//            }
//            if (window.XMLHttpRequest) {
//                // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
//                xmlhttp = new XMLHttpRequest();
//            }
//            else {
//                // IE6, IE5 浏览器执行代码
//                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
//            }
//            xmlhttp.onreadystatechange = function () {
//                if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
//                    document.getElementById("show").innerHTML = xmlhttp.responseText;
//                }
//            }
//            xmlhttp.open("GET", "Handler1.ashx?q=" + str, true);
//            xmlhttp.send();
       }
    </script>


</head>
<body>
     <form id="form1" runat="server">
    <div>
        请输入要姓名编号：<input id="input" type="text" value="" οnkeyup="showHint(this.value)"/>
        <input  id="submit" type="button" value="提交" />
        <div id="show" style="width:200px; height:100px;"></div>
    </div>
    </form>
</html>

//下面是Handler.ashx代码

public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            string connStr = "server=.;database=PagerTest;integrated security=true;";
            SqlConnection conn = new SqlConnection(connStr);
            conn.Open();
            string q=context.Request["q"];
            string sql = "select id,Name from Person where id=" + q;
            SqlDataAdapter sda = new SqlDataAdapter(sql, conn);
            DataSet ds = new DataSet();
            sda.Fill(ds);
            DataTable dt = ds.Tables[0];
            string id = ""; string name = "";
            StringBuilder sb = new StringBuilder();
           // sb.Append("<table width='100'>");
            for (int i = 0; i < dt.Rows.Count; i++)
            {
                id = dt.Rows[i][0].ToString(); 
                name = dt.Rows[i][1].ToString();
               /* sb.Append("<tr><td>");
                sb.Append(id);
                sb.Append("</td><td>");
               
                sb.Append(name);
                sb.Append("</td></tr>");
            */
                sb.Append("id →"+id+"   姓名是："+name+"<br/>");
               }
            //sb.Append("</table>");
            string str = sb.ToString();
            context.Response.Write(str);
            
        }

* 注本程序纯属自己编写有关参考是自己加的一个群“风筝”的一篇文章，为自己以后方便查询使用,不喜勿喷。

lic0914

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax 调用asp.net 后台

对于初学者来说要了解ajax那些对象还是有一定的难度呢，幸好是jquery在这方面做了封装，让初学者也能更快的掌握ajax技术，关于ajax jq的实例是比比皆是，但是有很少的拥有完整的代码，尽管自己有编程基础，但还是难以理解，经过努力，整理以下两种应用ajax技术的实例。-----------------------------------------------------------
复制链接

扫一扫