堆栈内存溢出
  繁体   English   中英

使用AJAX的Jquery Modal表单登录-IE 9上的ASP Classic

[英]Jquery Modal form login with AJAX - ASP Classic on IE 9

 原文  2015-04-07 22:29:04  6   1    javascript/ jquery/ ajax/ asp-classic

问题描述

我很难在IE 9上使用经典asp来使用Jquery来使用特定的登录表单。

在我的index.asp页上，我具有以下形式： 

    <%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!--#include file="Connections/LogisticsConnection.asp" -->
<%
Dim RS_User
Dim RS_User_cmd
Dim RS_User_numRows

Set RS_User_cmd = Server.CreateObject ("ADODB.Command")
RS_User_cmd.ActiveConnection = MM_LogisticsConnection_STRING
RS_User_cmd.CommandText = "SELECT UserName, Password FROM Users" 
RS_User_cmd.Prepared = true

Set RS_User = RS_User_cmd.Execute
RS_User_numRows = 0
%>
<!doctype html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Training Prioritization</title>
</head>
<link rel="stylesheet" type="text/css" href="img/css/site.css"/>
<link rel="stylesheet" type="text/css" href="img/scripts/jquery-ui-1.11.4/jquery-ui.css"/>
<link rel="stylesheet" type="text/css" href="img/scripts/chosen/chosen.css"/>
<script src="img/scripts/jquery-1.11.2.min.js"></script>
<script src="img/scripts/jquery-ui-1.11.4/jquery-ui.js"></script>
<script src="img/scripts/chosen/chosen.jquery.js"></script>
<script src="img/scripts/siteScript.js"></script>
<body>
<div id="wrapper">

    <div id="header">
        <div id="logo"></div>
        <div id="title">Training Prioritization</div>
        <div id="login"><img src="img/loginBtn.png" id="Login-Img">Login</img></div>
    </div><!--END HEADER-->

    <div id="menu">
        <div id = "menuItems">
        <img src="img/editBtn.png" id="Menu-edit">Edit</img>
        <img src="img/saveBtn.png" id="Menu-save">Save</img>
        <img src="img/cancelBtn.png" id="Menu-cancel"/>Cancel</img>
        </div>
    </div>

    <div id="body">
        <div id="formBody">
            <table id="formTable">
  <tbody>
    <tr id="Table-Heading-titleGroup">
      <td>Title:</td>
      <td>Project Tracker Number:</td>
      <td>Status:</td>
      <td>Month:</td>
    </tr>
    <tr>
      <td><input type="text" id="Form-title"></td>
      <td><input type="text" id="Form-ptNum"></td>
      <td>      <select id="Form-Dropdown-status"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select></td>
      <td>
      <select id="Form-Dropdown-month"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>
      </td>
    </tr>
    <tr id="Table-Heading-requestorGroup">
      <td>Requestor:</td>
      <td>Curriculum/Course:</td>
      <td>Duration:</td>
    </tr>
    <tr>
      <td><input type="text" id="Form-requestor"></td>
      <td><input type="text" id="Form-curriculum"></td>
      <td><input type="text" id="Form-duration"></td>
    </tr>
    <tr id="Table-Heading-designerGroup">
      <td>Designer:</td>
      <td>Start Date:</td>
      <td>End Date:</td>
      <td>Launch Date:</td>
    </tr>
    <tr>
      <td><input type="text" id="Form-designer"></td>
      <td><input type="text" id="Form-Date-startDate"></td>
      <td><input type="text" id="Form-Date-endDate"></td>
      <td><input type="text" id="Form-Date-launchDate"></td>
    </tr>
    <tr id="Table-Heading-project">
      <td>Project Description:</td>
    </tr>
        <tr>
      <td><input type="text" id="Form-Paragraph-projectDescription"></td>
    </tr>
      <tr id="Table-Heading-businessGroup">
      <td>Business Unit</td>
      <td>Legacy Group</td>
      <td>Work Group</td>
    </tr>
        <tr>
      <td><select id="Form-Dropdown-businessUnit"><option value="test1">test1</option><option value="test2">test2</option><option value="test3">test3</option></select></td>
      <td><select id="Form-Dropdown-legacyGroup"><option value="test1">test1</option><option value="test2">test2</option><option value="test3">test3</option></select></td>
      <td><select id="Form-Dropdown-workGroup"><option value="test1">test1</option><option value="test2">test2</option><option value="test3">test3</option></select></td>
    </tr>
    <tr>
    <td id="Table-Heading-location">
    Location:
    </td>
    </tr>
    <tr>
      <td><img src="img/addBtn.png"/><div id="Table-Row-Child-Location">Add Location</div></td>
    </tr>
    <tr id="Table-Row-Parent-AddLocation">
    <tr>
    <tr  id="Table-Heading-notes">
    <td>Notes</td>
    </tr>
        <tr>
    <td><input type="text" id="Form-Paragraph-notes"></td>
    </tr>
  </tbody>
</table>
      </div>
      <div id="test">
      text here
      </div>
      <form id="Form-Submit" action="verify.asp" method="post">
      <div id="Modal-Menu">
      User Name:<input type="text" id="Modal-Menu-Input-UserName" name="UserName" value="User Name">
      Password:<input type="password" id="Modal-Menu-Input-Password" name="Password" value="Password" >
      </div>
    </form>
    </div><!--END BODY-->
    <div id="footer">
            <div id="footerText" align="center">
        &copy;2015 CenturyLink
            </div>
    </div>
</div><!--END WRAPPER-->

</body>

</html>
<%
RS_User.Close()
Set RS_User = Nothing
%>

在我的siteScript.js中，我具有以下Jquery： 

//menu
    $("#login").click(function(){$("#Modal-Menu").dialog("open")});
    $(function(){
        $("#Modal-Menu").dialog(
        {autoOpen:false, 
         modal:true, 
         buttons:{
             Cancel: function(){
                 $("#Modal-Menu").dialog("close");
             },
             'Submit': function(){
                 ajaxSubmit();
             }

         }
         })
    });

    //ajax response
    function ajaxSubmit(){
      $.ajax({
    url: 'verify.asp',
    data: $("#Form-Submit").serialize(),
    type: 'POST',
    dataType: 'html',
    success: function(data){
        alert(data);
        },
    error: function(err){
        alert("Error");
        }
  });
  return false;

    };

此特定形式将信息发送到verify.asp，其中包含以下代码： 

dim Username
dim Password
Username =Request.Form("UserName")  
Password = Request.Form("Password")
Response.Write(Username)
Response.Write(Password)

我的问题是我无法从模式形式（通过POST发送infor）中获取任何信息，而无法通过Request.Form正确捕获它。 当我发出警报数据时，我得到了整个verify.html页面，但是当我查看Username和Password的response.write时，它为空白。 任何帮助或建议，不胜感激，谢谢！

编辑：按要求提供完整的index.asp文件

1 个解决方案

解决方案1
 0 已采纳  2015-04-08 17:40:51

我终于在我的index.asp中找到了它： 

 <form id="Form-Submit" action="verify.asp" method="post">
      <div id="Modal-Menu">
      User Name:<input type="text" id="Modal-Menu-Input-UserName" name="UserName" value="User Name">
      Password:<input type="password" id="Modal-Menu-Input-Password" name="Password" value="Password" >
      </div>
    </form>

注意“ Modal-Menu” div之外的两个表单标签。 它需要看起来像这样： 

  <div id="Modal-Menu">
  <form id="Form-Submit" action="verify.asp" method="post">
  <input type="text"name="UserName" value="User Name"/>
  <input type="password" id="Modal-Menu-Input-Password" name="Password" value="Password"/>
  </form>
  </div>

表单标签包裹在“ Modal-Menu”单元中。

白痴1异己0 ...

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 带有ASP Classic的JQUERY AJAX登录表单 AJAX - 经典 ASP - 发布表单 使用Ajax和jQuery Modal提交表单 在jQuery的fancybox的ajax模式弹出不显示IE 7 经典ASP + Ajax表单-成功功能不起作用，完整就可以 jQuery ajax模态在加载时提交表单 jQuery Ajax表单提交与Twitter引导模态 jQuery UI Modal Form的AJAX responseXML为空 在jquery模式窗体对话框中获取ajax响应 jQuery阻止表单提交不起作用-ASP Classic
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM