文章/答案/技术大牛

发布

社区首页 >问答首页 >在IE9上用AJAX登录Jquery模式表单

问在IE9上用AJAX登录Jquery模式表单
EN

Stack Overflow用户

提问于 2015-04-07 22:29:04

回答 1查看 968关注 0票数 0

在IE9上使用经典的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发送进来)，并通过Request.Form正确地捕获它。当我警告出数据时，我得到了整个verify.html页面，但是当我查看response.write的用户名和密码时，它是空的。任何帮助或建议都是非常感谢的！

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

jquery

ajax

asp-classic

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 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-菜单”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-菜单”div中.

愚蠢的1，六极0.

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/29502494

复制

相似问题

问在IE9上用AJAX登录Jquery模式表单
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在IE9上用AJAX登录Jquery模式表单EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在IE9上用AJAX登录Jquery模式表单
EN