<!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>

  <title> jquery把获取到的input值转换成json</title>

  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

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

  <style type="text/css">

  .box{width:500px;height:500px;border:1px solid #e5e5e5;}

  </style>

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

 </head>

 <body>

  <div class="box">

        姓名：<input type="text" value="" name="username"  />  <br/><br/>

        年龄：<input type="text" value="" name="age" />  <br/><br/>

        生日：<input type="text" value="" name="birth" />  <br/><br/>

        城市：<input type="text" value="" name="city" />  <br/><br/>

        省份：<input type="text" value="" name="provicen" />  <br/><br/>

        性别：<input type="text" value="" name="sex" />  <br/><br/>

        <input type="button" value="提交" class="comment">

  </div>

  <script type="text/javascript">

    $(document).ready(function(){

        $(".comment").click(function(){

            parArr = {};

             var username = $('input[name=username]').val().replace(/(^\s*)|(\s*$)/g, "");

             parArr.username = username;

             var age = $('input[name=age]').val().replace(/(^\s*)|(\s*$)/g, "");

              parArr.age = age;

              var birth = $('input[name=birth]').val().replace(/(^\s*)|(\s*$)/g, "");

              parArr.birth = birth;

              var city = $('input[name=city]').val().replace(/(^\s*)|(\s*$)/g, "");

              parArr.city = city;

              var provicen = $('input[name=provicen]').val().replace(/(^\s*)|(\s*$)/g, "");

              parArr.provicen = provicen;

              var sex = $('input[name=sex]').val().replace(/(^\s*)|(\s*$)/g, "");

              parArr.sex = sex;

              var params = JSON.stringify(parArr);

              alert(params);

        });

    });

  </script>

 </body>

</html>

Jquery把获取到的input值转换成json的更多相关文章

  1. 获取所有input值 处理成json格式再利用$.post提交

    <script>$(document).ready(function(){        $("#sub").click(function(){        var ...

  2. SpringMVC中使用@ResponseBody注解将任意POJO对象返回值转换成json进行返回

    @ResponseBody 作用: 该注解用于将Controller的方法返回的对象,通过适当的HttpMessageConverter转换为指定格式后,写入到Response对象的body数据区. ...

  3. 将table中的值转换成json格式传到后台接收处理。

    table数据 <table style="border:1px" id="tableID"> <tr> <th>编号< ...

  4. jquery 如何获取单选框的值

    jquery 如何获取单选框的值   获取单选框的值有三种方式: 1.$('input:radio:checked').val():2.$("input[type='radio']:chec ...

  5. dom变成jquery对象 先获取dom对象 然后通过$()转换成jquery对象

    dom变成jquery对象   先获取dom对象 然后通过$()转换成jquery对象

  6. 用jquery解析JSON数据的方法以及字符串转换成json的3种方法

    用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是 json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject ...

  7. jquery里把数组转换成json的方法

    首先来看,jquery里自带的,和json相关的函数: 1.$.parseJSON  :  用来解析JSON字符串,返回一个对象. 什么叫“JSON字符串”? 比如: var a={name:&quo ...

  8. 玩转web之json(五)---将表单通过serialize()方法获取的值转成json

    form表单有一个serialize()方法,可以序列化表单的值,但是jquery提供的这个方法会把数据序列化为类似下面的形式: a=1&b=2&c=3&d=4 jquery并 ...

  9. json字符串转换成json对象，json对象转换成字符串，值转换成字符串，字符串转成值

    一.json相关概念 json,全称为javascript object notation,是一种轻量级的数据交互格式.采用完全独立于语言的文本格式,是一种理想的数据交换格式. 同时,json是jav ...

随机推荐

  1. Github 升级到 Rails 5.2.1 了

    简评:之前用的可是 3.2,早就该升级了啊. Github 的 Rails 升级花了大约一年半的时间,这是有原因的,首先,Rails 本身的升级并不总是平滑的,有些版本有重大改变(breaking c ...

  2. JavaBean简介及使用

    JavaBean简介及使用  望星空 https://blog.csdn.net/joywy/article/details/7773503   一.JavaBean简介 JavaBean是使用Jav ...

  3. 简单创建一个完整的struts2框架小程序

    要完成一个struts2框架的搭建, 1.首先应该从官网上下载最新的jar包,网络连接:http://struts.apache.org/download.cgi#struts2514.1,选择下载F ...

  4. 解决织梦dedecms文档关键字(自动内链)php5.5以上失效的问题 urf-8版本的

    找到include/arc.archives.class 在里面需要修改两次地方 在1230行 // 这里可能会有错误 if (version_compare(PHP_VERSION, '5.5.0' ...

  5. (转)AIX的SVMON命令详解

    原文:http://czmmiao.iteye.com/blog/1153499 svmon概述 svmon 命令用于显示当前内存状态的信息,可通过 # lslpp bos.perf.tools 查看 ...

  6. SpringSecurity之记住我功能的实现

    Spring security记住我基本原理: 登录的时候,请求发送给过滤器UsernamePasswordAuthenticationFilter,当该过滤器认证成功后,会调用RememberMeS ...

  7. mp3转speex的一些研究（貌似不能播放，暂存着）

    思路是,先从mp3中提取pcm(raw原始数据),再将原始数据转成speex. 貌似不能播放,可能还存在其他问题,需要继续研究. 使用了两个类库NSpeex和NAudio using (var wav ...

  8. WebDriver获得表格里所有单元格的文本

    方法为: 1. 得到表格中所有的tr,存到list到中 2.对tr进行循环,根据当前的tr,得到当前所有td的集合存到list当中 3.循环中所有td里的文本 package com.example. ...

  9. 微服务Kong（七）——CLI参考

    KONG提供了一套CLI(命令行界面)命令,您可以通过它来启动.停止和管理您的Kong实例.CLI管理您的本地节点(如在当前机器上). 全局配置 所有命令都采用一组指定的可选标志作为参数: --hel ...

  10. WPF INotifyPropertyChanged

    public class OrderModel:INotifyPropertyChanged { public string _oderID; public string OrderID; { get ...