Json 入门例子(form表单)【0】

<script>
        $(function () {
     var aa = $("#fm").serialize().replace(/\+/g, "");
     var ac = decodeURIComponent(aa);
     $("#fm").click(function () {
            alert(ac);
           });

        });

    </script>

    <form id="form1" name="form1" method="post" action="">
        <p>
            进货人 :
            <label for="name"></label>
            <input type="text" name="name" id="name" />
        </p>
        <p>
            性别:
            <label for="sex"></label>
            <select name="sex" size="1" id="sex">
                <option value="1">男</option>
                <option value="2">女</option>
            </select>
        </p>
        <table width="708" border="1">
            <tr>
                <td width="185">商品名</td>
                <td width="205">商品数量</td>
                <td width="296">商品价格</td>
            </tr>
            <tr>
                <td>
                    <label for="pro_name"></label>
                    <input type="text" name="pro_name" id="pro_name" />
                </td>
                <td>
                    <label for="pro_num"></label>
                    <input type="text" name="pro_num" id="pro_num" />
                </td>
                <td>
                    <label for="pro_price"></label>
                    <input type="text" name="pro_price" id="pro_price" />
                </td>
            </tr>
            <tr>
                <td><input type="text" name="pro_name2" id="pro_name2" /></td>
                <td><input type="text" name="pro_num2" id="pro_num2" /></td>
                <td><input type="text" name="pro_price2" id="pro_price2" /></td>
            </tr>
        </table>
        <p> </p>
        <input type="button" name="submit" onclick="onClik();" value="提交" />
    </form>
    <form id="fm">

        <input type="text" name="username" value="zhangsan" /><br /><br />
        <input type="text" name="age" value="12" /><br /><br />
        <input type="text" name="address" value="北京  朝阳" /><br /><br />
        <input type="text" name="job" value="IT" /><br /><br />
        <textarea name="content">abc + 123 + 456  </textarea>
        <input type="button" value="发送" onclick="add()" /><br /><br />

    </form>

  

时间: 2024-11-10 05:27:46

Json 入门例子(form表单)【0】的相关文章

JS 提交表单2-Query Ajax post(json数组,form表单经serialize()序列化,html拼接)

$.post.$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax() 一.$.ajax的一般格式 $.ajax({ type: 'POST', url: url , data: data , success: success , dataType: dataType }); 二.$.ajax的参数描述 参数 描述 url 必需.规定把请求发送到哪个 URL. data 可选.映射或字符串值.规定连同请求发送到服务器的数据. success(data, textS

jQuery通过ajax获得后台json数据给form表单赋值

jQuery提供了load方法可以将数据加载到页面form表单中,但有时候我需要获取后台json数据中某个值时,又需要赋值整个form表单,load方法没有回调函数所以就不行了,如果用ajax调用的话,获得后台json数据后把json数据分析出来在一个个的赋值到form表单的每个文本框中,这样未免太过复杂和太多代码,所以我根据了一些大神的回答,总结了一个很好用的jQuery函数. jQuery-load方法调用: $('#form').form('load',URL); 页面表单: <span

JAVA入门[17]-form表单,上传文件

一.如何传递参数 使用 @RequestParam 可以传递查询参数.例如:http://localhost:8092/category/detail?id=1 @RequestMapping("/detail") public String detail(@RequestParam("id") int id,Model model){ Category category=new Category(); category.setCateId(id); categor

天河微信小程序入门《四》:融会贯通,form表单提交数据库

天河在阔别了十几天之后终于又回来了.其实这篇文章里的demo是接着(天河微信小程序入门<三>)后面就做了的,但是因为最近在做别的项目,所以就偷懒没有发出来.放到今天来看,从前台提交数据到数据库已经是没有什么可写的了.不过既然开篇了就不能太监么,所以还是分享出来给大家.我当时的目的是为了实验api的功能和跟后台数据的通讯存储,所以没有考虑到美观之类的,界面非常丑请大家包涵.一个带form表单的页面在这里定义好自己form表单的元素名称 01 02 03 04 05 06 07 08 09 10

form表单转换为Json字符串数据

https://github.com/marioizquierdo/jquery.serializeJSON 效果图 加载使用 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.serializejson.js"></script>

form表单序列化为json格式数据

在web开发过程中,经常遇到将form序列化不能格式的字符串提交到后台,下面就介绍怎样将form表单序列化为json字符串. 首先,是扩展的jquery序列化插件,依赖jquery.经测试,这段代码可以放在$(funciton(){})中,也可以放在外面,都可以实现效果. $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.

jquery序列化form表单使用ajax提交后处理返回的json数据

这篇文章主要介绍了jquery序列化form表单,使用ajax提交后处理返回的json数据的示例,需要的朋友可以参考下 1.返回json字符串: ** 将一个字符串输出到浏览器 */    protected void writeJson(String json) {        PrintWriter pw = null;        try {            servletResponse.setContentType("text/plain;charset=UTF-8"

jquery自动将form表单封装成json的具体实现

前端页面:<span style="font-size:14px;"> <form action="" method="post" id="tf"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <th&

JavaScript之form表单的序列化和json化[form.js]

一.应用场景 form提交时,使用ajax提交. 二.效果 通过本工具,实现表单所有form的快速序列化和json化,使前端人员在ajax提交form表单的时,脱离重复性的,大劳动量的手动抽取form属性和对应的值. 三.源码[form.js] //将数据序列化成 url请求方式的编码 function serialize(form){ var len=form.elements.length;//表单字段长度;表单字段包括<input><select><button>