ajax、Html、asp调用数据库

一.前端页面:

<!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>test</title>
    <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">

        function buttonClick() {
            var name = document.getElementById("name").value;
            var age = document.getElementById("age").value;
            var sex = document.getElementById("sex").value;
            alert("姓名" + name + "年龄" + age +"性别:"+sex);
            $.ajax({
                type: "POST",
                url: "Test.ashx?method=getLzr",
                data: { name: name, age: age, sex: sex },
                success: function (msg) {
                    document.getElementById("divTest").innerHTML = "<p style='color:red'>" + msg + "</p>";
                }
            });
        }
    </script>
</head>
<body>
   <div>
        <table>
           <tr><td><p>姓名:</p></td><td><input type="text" id="name" /></td></tr>
           <tr><td><p>年龄:</p></td><td><input type="text" id="age" /></td></tr>
           <tr><td><p>性别:</p></td><td><input type="text" id="sex" /></td></tr>
           <tr><td>提交:<input type="button" value="添加" onclick="buttonClick()" /></td></tr>
        </table>
        <br />
        <div id="divTest"></div>
   </div>
</body>
</html>

二.ashx代码:

public class Handler1 : IHttpHandler, IRequiresSessionState
    {
        HttpRequest Request;
        HttpResponse Response;
        public void ProcessRequest(HttpContext context)
        {
            Request = context.Request;
            Response = context.Response;

            string method = Request["Method"].ToString();//对应ajax方法的url参数
            MethodInfo methodInfo = this.GetType().GetMethod(method);//
            methodInfo.Invoke(this, null);
        }
        public void getLzr() {

            string name = Request["name"].ToString();
            string age = Request["age"].ToString();
            string sex = Request["sex"].ToString();

            int i =  SqlHelper.ExecuteNonQuery("Insert into lzr_name(name,age,sex) values(@name,@age,@sex)", new SqlParameter("@name",name), new SqlParameter("@age", age), new SqlParameter("@sex", sex));

            if (i > 0)
            {
               //返回的数据
                Response.Write("T");
            }
            else
            {
                Response.Write("F");
            }

        }
        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }

三.显示:

点击按钮之前:

点击按钮之后:

时间: 2024-11-02 14:21:10

ajax、Html、asp调用数据库的相关文章

asp调用数据库汉字显示乱码解决方案

其实很简单,在页面最上面加一句代码即可 <% Response.ContentType="text/html; charset=gb2312" %>

11月10日上午ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处理页面的,处理页面只是操作数据库并且返回值,页面都是ajax处理的. ajax的写法: test.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

Asp.net Ajax提供PageMethods调用

页面上的Javascript通过ASP.NET AJAX除了可以调用Web服务类,还可以调用网页中的静态方法. <%@ Page Language="C#" %> <%@ Import Namespace="System.Web.Services" %> <%@ Import Namespace="System.Web.Script.Services" %> <!DOCTYPE html PUBLIC &

java编程——servlet和Ajax异步请求的接口编程(没有调用数据库的数据)

编程应用背景: 使用HttpServlet接口来编写一个动态登录的接口(需要在Tomcat容器发布) 登录的 LoginSample 类代码: 1 package com.zhang.java; 2 3 public class LoginSample { 4 public LoginSample() { //构造方法 5 // System.out.println("构造方法被调用!"); 6 } 7 8 public boolean login(String ln, String

[ASP.NET AJAX]使用JavaScript调用WCF的问题

摘要:[ASP.NET AJAX]使用JavaScript调用WCF的问题 在使用JavaScript调用WCF时, 一直发生WCF的Namespace名称未定义,真的觉的莫名奇妙的.自已在测试,都没问题,为什么一部暑到IIS上就会这样,所以尝试各种开发方式:1:Web Application建立的项目没问题2:Web Site-File System建立没问题3:Web Site-IIS建立-挂掉4:Web.config 的 system.serviceModel 区块设定 后来整理一下发现,

ajax验证表单元素规范正确与否 ajax展示加载数据库数据 ajax三级联动

一.ajax验证表单元素规范正确与否 以用ajax来验证用户名是否被占用为例 1创建表单元素<input type="text" id="t"> 2在js中用keyup事件来进行操作 3创建ajax格式和内容:格式: $.ajax({ url:"哪一个服务端处理器", data:{"自己起名",所需要传给处理器的数据}, type:"post", dataType:"json"

非常不错的ASP操作数据库类,支持多数据库MSSQL,ACCESS,ORACLE,MYSQL等

可同时操作多个不同类型的数据库. 完全不用考虑数据类型的差别,再也不用想字符型字段加不加单引号. 调用非常简单,对数据库的主要操作一般只需要一行代码. 支持mssql事务回滚. 可自动生成和输出sql语句方便调试. 使用方法: 1. 修改clsDbctrl.asp文件中的第1行为你自己的数据库位置(修改方法参考下面的CreatConn函数说明).如需连接多个数据库可自行添加,格式相同. 2. 在你新建的asp文件中包含此asp文件.如: <!--#include file="Inc/cls

ajax从asp后台获取数据

1.前台 $.ajax({ //url: "demo/data/taskTree.txt", url: "GanttChart.aspx?taskList=1" , cache: false, success: function (text) { var data = mini.decode(text); gantt.loadTasks(data); gantt.unmask(); //折叠全部 //gantt.collapseAll(); } }); 2.后台 ?

调用ajax 跨域调用接口

//ajax 跨域请求数据 function ajaxType (){ $.ajax({ url: "http://127.0.0.1:9090/spring_mvc/HttpClient/ajaxType.do?jsonpCallback=?", type: "GET", data: { pwd: encodeURI('周'), username: 'tl' }, dataType: "jsonp", success: function(dat