zoukankan      html  css  js  c++  java
  • 表单

    • 方案一

    被提交的表单

    <form id="loginForm" method="post">
    <table align="center">
    <tr>
    <th align="right">用户名</th>
    <td>
    <input type="text" name="username"/>
    </td>
    </tr>
    <tr>
    <th align="right">密码</th>
    <td>
    <input type="password" name="password"/>
    </td>
    </tr>
    </table>
    </form>

    设置一个需要提交的表单

    $("#loginForm").form({
    url: "<%=homePage%>/testController/login.ajax?type=form",
    success: function (data) {
    console.log(data);
    data = eval("("+data+")");//JSON字符串转对象
    console.log(data);
    if ("0" == data.st){
    console.log("成功");
    }else{
    console.log("失败");
    }
    }
    });


    在需要执行提交动作的地方

    $("#loginForm").submit();

    后台按照接收表单参数的方式进行接收


    data =JSON.parseJSON(data);//JSON字符串转对象

    这种方式可以替代evalJSON.parseJSON是jQuery的方法,eval是JavaScript的方法



    • 方案二

    方案一是先在外部设置好表单提交的信息,然后在合适的地方执行提交动作

    方案二是设置与提交在同一个地方,这里就不做演示了

    除了可以设置success的回调方法外,还可以设置onSubmit的回调方法,用于执行一些提交前的前置校验等操作,如果返回false,就会停止提交

    这几个案例都比较简单,就不累述了

  • 相关阅读:
    Windows Azure入门教学系列 (九):Windows Azure 诊断功能
    批量删除同类文件的函数
    Edit 的使用
    @ 与 ^ 运算符
    窗体相关操作
    uses 子句的写法
    goto 语句
    字符串常识
    not 与整数
    Memo 的当前行、当前列与当前字符
  • 原文地址:https://www.cnblogs.com/sherrykid/p/6238510.html
Copyright © 2011-2022 走看看