zoukankan      html  css  js  c++  java
  • ajax jquery

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
    <link rel="stylesheet" href="index.css" type="text/css" />
    <script type="text/javascript" src="jquery-1.7.2.js"></script>


    <script type="text/javascript">
    $($("userForm").click(function() {
    submitForm();
    return false;//阻止非IE浏览器表单提交
    }));
    function submitForm() {
    var userNameVal = $("#userName").val();
    var passWordVal = $("#passWord").val();
    alert(userNameVal);
    $.ajax({
    type : "post",
    url : "loginAction.action",
    dataType : "json",
    data : {
    "user.userName" : userNameVal,
    "user.passWord" : passWordVal
    }
    });

    }
    </script>
    <title>登陆</title>
    </head>
    <body>
    <div class="login">

    <form name="userForm" method="post" onsubmit="return false;" >
    <table cellSpacing=0 cellPadding=0 width=230 border=0>
    <tr height=5>
    <td width=5></td>
    <td width=56></td>
    <td></td>
    </tr>
    <tr height=36>
    <td></td>
    <td>
    用户名
    </td>
    <td>
    <input
    style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid"
    maxLength=30 size=24 id="userName">
    </td>
    </tr>
    <tr height=36>
    <td>
    &nbsp;

    </td>
    <td>
    口 令
    </td>
    <td>
    <input
    style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid"
    type="password" maxLength=30 size=24 id="passWord">
    </td>
    </tr>
    <tr height=5>
    <td colSpan=3></td>
    </tr>
    <tr>
    <td>
    &nbsp;

    </td>
    <td>


    </td>
    <td>
    <input id="submitButton" type=image height=18 width=70
    src="images/bt_login.gif" onclick="submitForm()">
    </td>
    </tr>
    </table>
    </form>


    <div />
    </body>
    </html>

  • 相关阅读:
    async/await语法
    generator生成器函数
    数组练习
    解决异步(重点promise函数)
    iterator遍历器
    各种遍历方法(重点for....of)
    ES6代理proxy
    Symbol新数据类型
    函数(rest 箭头)
    ES6常用方法(字符串,数字,数组,对象)
  • 原文地址:https://www.cnblogs.com/kisstherain/p/4445675.html
Copyright © 2011-2022 走看看