2 
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@taglib prefix="html" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link type="text/css" href="css/login.css" rel="stylesheet">
<script type="text/javascript" src="jquery/jquery-1.7.2.js"></script>
<script type="text/javascript" src="jquery/jquery.dataTables.js"></script>
<script type="text/javascript" src="jquery/jquery.ui.core.js"></script>
<script type="text/javascript" src="jquery/jquery.ui.widget.js"></script>
<script type="text/javascript" src="jquery/jquery.ui.dialog.js"></script>
<link type="text/css" href="css/jquery-ui-1.7.3.custom.css" rel="stylesheet">
<link type="text/css" href="css/jquery.dataTables_themeroller.css" rel="stylesheet">
<link type="text/css" href="css/jquery.dataTables.css" rel="stylesheet">
<link type="text/css" href="themes/base/jquery.ui.all.css" rel="stylesheet">
<style type="text/css">
    #grid_wrapper{
    width: 880px;margin:0 auto;
    margin-top: 100px;
    }
</style>
<script type="text/javascript">
$(document).ready(function(){
    $('#grid').dataTable({
         "bServerSide": true,
         "sAjaxSource": "companylist.action",
         "sPaginationType": "full_numbers",
         "bJQueryUI": true});

    $("#grid tbody").delegate("tr", "click", function() {
          var companyID = $("td:eq(1)", this).text();
          $("#companyID").val(companyID);
          $( "#passwordBox" ).dialog( "open" );
        });

    $("#passwordBox").dialog({
        autoOpen: false,
        modal: true,
    });

        $("#verifyPass").click(function(){
            $.ajax({
                url:"validatepassword.action",
                type:"POST",
                dataType:"JSON",
                data:{companyID:$("#companyID").val(),comPassword:$("#compassword").val()},
                success:function(response){
                    alert(response);
                }
            });
        });
    });
</script>
<title>Insert title here</title>
</head>
<body>
    <table id="grid" class="display">
        <thead>
            <tr>
                <th>Select</th>
                <th>Company ID</th>
                <th>Company Name</th>
                <th>Company Type</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
        <div id="passwordBox">
            <form id="passwordvali">
                <span id="error"></span>
                <input type="hidden" name="companyID" id="companyID">
                <label>Password:</label><br><br>
                <input type="password" name="compassword" id="compassword"/><br><br>
                <input type="submit" value="Verify" id="verifyPass"/>
            </form>
        </div>
    </table>
</body>
</html>

このコードは正常に機能しています。jQueryデータテーブルに会社データのグリッドを表示しています。会社ごとにラジオボタンを入れました。ユーザーが会社を選択するたびに、会社のパスワードを入力するダイアログボックスが開きます。

パスワードを入力して[確認]ボタンをクリックすると、リクエストは正常に送信されますが、ブラウザはURLにデータを表示し、エラーを出します。

4

0 に答える 0