zoukankan      html  css  js  c++  java
  • Ajax异步传值用法示例

    1.前端页面包含脚本(ajax)和基本的HTML标记 以方便大家对应查找和理解

    <script language="javascript">    

        function addclick() {                                        //点击触发addclick事件
                    var txtuserName = $("#txtuserName").val();//用jquery获取id为txtuserName的页面标记的value,存放在txtuserName变量里
                    $.ajax({
                        type: "POST",                                         //ajax的方式为post(get方式对传送数据长度有限制)
                        url: "/AjaxRequest/AddUser.ashx",           //一般处理程序页面AddUser.ashx(在2中会写出该页面内容)
                        dataType: "json",                                   //数据传回的格式为json
                        data: { adduserName: txtuserName},       //要传送的数据键值对adduserName为键(方便2中的文件用此名称接受数据)txtuserName为值(要传递的变量,例如用户名)
                        success: function (data) {                       //成功回传值后触发的方法
                            if (data != null && data.IS != "") {        //如果回传的json不为null或json中的IS键对应的值不为空,则触发一下代码,否则弹出“请重新尝试”
                                if (data.IS == "-1") {                      //如果json中的IS键对应的值为-1,则说明用户名已在数据库中存在
                                    alert("添加失败!该名已存在!");
                                }
                                else if (data.IS == "0") {                 //json中的IS键对应的值为0,则说明用户名没有添加成功
                                    alert("添加失败!");
                                }
                                else if (data.IS == "-2") {               //json中的IS键对应的值为-2,则说明数据库返回的主键列不能转换成INT32类型
                                    alert("数据库连接失败或访问失败!");
                                }
                                else {
                                    alert("添加成功!");
                                    $("#txtuserName").val("");
                                }
                            }
                            else {
                                alert("请重新尝试!");
                            }
                        }
                    })
                }
    </script>

    <body>

      <h2>

        <input id="txtuserName" name="" size="26" >

      </h2>

      <input type="button"  value="提交" onclick="addclick()"/>

    </body>

     

    2.一般处理程序,即接受1中Ajax传来的值并传入BLL层

             public void ProcessRequest(HttpContext context)

            {

                context.Response.ContentType = "text/plain";

                int model = new BLL.User().AddUser(context.Request["adduserName"]);  //通过context.Request获取1中Ajax里的data:中键值对的键名来得到用户名txtuserName并传入BLL层

                context.Response.Write("{\"IS\":\""+model+"\"}");                                //拼接json对象(键值对)model为运行存储过程后返回的数字

            }

  • 相关阅读:
    keras系列︱迁移学习:利用InceptionV3进行fine-tuning及预测、完美案例(五)
    keras系列︱人脸表情分类与识别:opencv人脸检测+Keras情绪分类(四)
    keras系列︱图像多分类训练与利用bottleneck features进行微调(三)
    keras系列︱Application中五款已训练模型、VGG16框架(Sequential式、Model式)解读(二)
    将C++资源文件读取出来
    windows驱动程序中的预处理含义
    win10网上邻居看不到别的共享电脑怎么样办
    #pragma alloc_text 与 ALLOC_PRAGMA
    IoAllocateMdl,MmProbeAndLockPages的用法
    Composer三步曲:安装、使用、发布
  • 原文地址:https://www.cnblogs.com/ereryday/p/2260356.html
Copyright © 2011-2022 走看看