骑着上帝去环游 2015-02-09 12:12 采纳率: 0%
浏览 3098

jQuery-serialize() 序列化 Form表单

var path = "${pageContext.request.contextPath}"; $(document).ready(function(){ var url = path+"/webservice/getUser"; var queryString = ""; queryString = "?"+$("#search").serialize(); decodeURIComponent(queryString,true); $("#btn1").click(function(){ alert($("#search").serialize()); $("#resultDiv").load(url+queryString,function(response, status, xhr){ alert("提交成功!"+ status); }); }) }) function ajaxGet(){ var url = path+"/webservice/ajaxGet"; $.get(url,function(data,status){ alert("数据:"+data+",状态:"+status); alert(" 牛牪犇"); }); alert("回调成功!"); }
<body>
    <div>
        <h2>
            WebService
        </h2>
        ${web }
    </div>
    <div id="seacrhDiv">
        <form id="search" name="search" method="get" action="${pageContext.request.contextPath}/webservice/getUser">
            姓名:
            <input type="text" name="name" id="nameId" value="1111"><br/>
            密码:
            <input type="text" name="passw" id="passwId"><br/>

            <input type="button" value="jQuery提交" id="btn1">

            <input type="submit" value="表单提交" id="btn2">

            <input type="button" value="js提交" id="btn3" onclick="search()"><br/>

            <input type="button" value="ajaxGet" id="ajax" onclick="ajaxGet()">
        </form>
    </div>
    <div id="resultDiv">
        开始页面:
    </div>
</body>

  • 写回答

2条回答 默认 最新

  • devmiao 2015-02-09 12:16
    关注
     详细说明
    
    .serialize() 方法创建以标准 URL 编码表示的文本字符串。它的操作对象是代表表单元素集合的 jQuery 对象。
    
    表单元素有几种类型:
    <form>
      <div><input type="text" name="a" value="1" id="a" /></div>
      <div><input type="text" name="b" value="2" id="b" /></div>
      <div><input type="hidden" name="c" value="3" id="c" /></div>
      <div>
        <textarea name="d" rows="8" cols="40">4</textarea>
      </div>
      <div><select name="e">
        <option value="5" selected="selected">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
      </select></div>
      <div>
        <input type="checkbox" name="f" value="8" id="f" />
      </div>
      <div>
        <input type="submit" name="g" value="Submit" id="g" />
      </div>
    </form>
    
    
    .serialize() 方法可以操作已选取个别表单元素的 jQuery 对象,比如 <input>, <textarea> 以及 <select>。不过,选择 <form> 标签本身进行序列化一般更容易些:
    $('form').submit(function() {
      alert($(this).serialize());
      return false;
    });
    
    
    输出标准的查询字符串:
    a=1&b=2&c=3&d=4&e=5
    
    
    评论

报告相同问题?

悬赏问题

  • ¥20 ic卡dump文件校检码解密
  • ¥15 关于:接收到的数据不是有效的JSON格式
  • ¥15 apdl语言如何增加受力分析
  • ¥15 算法对比:学校优化算法与蚁群算法对比
  • ¥15 机电一体化系统设计说明书
  • ¥20 sgy数据提取地震波速,有人能回答吗小馋
  • ¥20 c#实现打开word的功能,并且需要安装成windows服务,word打不开怎么办
  • ¥15 python用ARIMA时间预测模型预测数据出错,急!
  • ¥30 为什么后端传给前端vue的河流json数据不在地图中显示出来
  • ¥50 关于弹性波动方程求解的问题: