0

ログイン ページがあり、[サインイン] ボタンをクリックすると、別の .aspx ページにリダイレクトされますが、ポストバックがあります。ボタンのクリックでポストバックが発生しないようにしたい。jsonを使いたいです。しかし、私のページでの使用方法と呼び出し方法がわかりません.jsonを使用してポストバックを回避する方法を教えてください.jqueryモバイルを使用してモバイル用のアプリケーションを構築したい.

My code is
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>
    </title>
    <link href="CSS/jquery.mobile-1.1.1.min.css" rel="stylesheet" type="text/css" />

    <link href="CSS/my.css" rel="stylesheet" type="text/css" />

    <script src="Js/jquery.min.js" type="text/javascript"></script>

    <script src="Js/jquery.mobile-1.1.1.min.js" type="text/javascript"></script>
     <script src="Js/my.js" type="text/javascript"></script>

</head>
<body>
<form id="form1" runat="server">
<%-- <asp:ScriptManager ID="scriptmngr" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="upnlData" runat="server" UpdateMode="Conditional">
<ContentTemplate>--%>
<div data-role="page" data-theme="d" id="page1">
        <div data-theme="b" data-role="header"> 
            <h3>
            </h3>
            <div style="">
                <img style="width: 100px" src="Images/QuickMove.png" />
            </div>
        </div>
        <div data-role="content" style="padding: 15px">

      <div>
                <p>
                    <b>
                        <span style="background-color: rgb(255, 255, 0);" data-mce-
style="background-color: #ffff00;">
                        </span>
                        <span style="background-color: rgb(255, 255, 255); color:   
rgb(255, 102, 0);">
                            ​Survey Login
                        </span>
                    </b>

                </p>
            </div>
            <div data-role="fieldcontain" style="width:100%">
            <label  ID="lblLoginMsg" SkinID="snkError" runat="server" 
ForeColor="Maroon" Font-Bold="True"
                    Font-Size="Small"></label>
                <fieldset data-role="controlgroup">
                    <label for="textinput2"><span style="font-family: times new 
roman,times; font-size: medium;">
                        <strong>
                            Username
                        </strong>
                    </span>
                    </label>
                    <input name="" id="txtUserName" placeholder="" value="" type="text" 
runat="server"/>
                </fieldset>
            </div>

            <div data-role="fieldcontain" style="width:100%" >
                <fieldset data-role="controlgroup">
                    <label for="txtPassword"> <span style="font-family: times new 
roman,times; font-size: medium;">
                        <strong>
                            Password
                        </strong>
                    </span>
                    </label>
                    <input name="" id="txtPassword" placeholder="" value=""   
type="password" runat="server"/>
                </fieldset>
            </div>
             <div data-role="fieldcontain" style="width:100%" >
       <%--   <button type="button"   data-transition="fade" data-theme="b" 
            data-icon="check" data-iconpos="right" id="btnSignIn" value="Sign In"     
runat="server"   onclick="btnSignIn_Click" />--%>
         <button id="btnSignIn" type="button" runat="server"   
onserverclick="btnclick">Sign In</button>
  </div>
<div data-theme="b" data-role="footer" data-position="fixed" >
<h4 style="font-size: 10px">

     &copy;QuickMove
</h4>
</div>        
</div>
</div>

</form>
</body>
4

2 に答える 2

0

JSONは、データ交換に使用されるデータプレゼンテーションであり、jQueryAjaxを使用できるユーザーを検証するためにajaxが必要な通信には使用されません。これは、 asp.netWebメソッドでjqueryajaxの使用を開始するための優れた記事です。

于 2012-11-23T11:57:36.327 に答える
0

GET でログイン資格情報を送信することは、さまざまな理由 (セキュリティや Web 標準を含む) で単純に完了していないため、何らかの方法で POST する必要があります。 (これは定義上汚染されています) がログインの決定を担当します。

したがって、POST は必要ですが、 AJAX を使用してページのリロードを回避できます (これは基本的に、ユーザーが を送信したときに Web ブラウザーに POST 要求を行うように指示する代わりに、<form>javascript から要求を行い、結果をコールバックで処理することを意味します)。ページを離れることなく）。jQuery には完全な AJAX API が付属しているため、XmlHttpRequest オブジェクトの核心と、さまざまなブラウザーでのその実装に取り​​掛かる必要はありません。

JSON に関する限り、JSON は一般的なデータ形式であり、JavaScript のサブセットでもあります。これは AJAX リクエストの標準形式です。主な理由は、軽量であり、最新の JavaScript 実装に組み込まれているため (そして、必要に応じて透過的に引き継ぐことができるかなり高速な実装が古い実装で利用可能です)、生成と解析が容易なためです。

于 2012-11-23T12:04:21.447 に答える