zoukankan      html  css  js  c++  java
  • ajax的serialize()方法

    自己看吧,超级简单,就不用挨个获取表单名称和值对装在Json里往php传了,直接传个form就可以。

    【HTML】

    <form method="post" id="form1">
      Order: <input type="text" name="order" value="">
      Name: <input type="text" name="name" value="">
      Old: <input type="text" name="old" value="">
      Gender: <input type="radio" name="gender" value="female">男
          <input type="radio" name="gender" value="male">女
      Choose: <select name="choose">
            <option value="c1">c1</option>
            <option value="c2">c2</option>
            <option value="c3">c3</option>
          </select>
      <!-- 什么复选框,hidden的表单啊,我都没往上写,都是可以的。-->
    </form>
    <button>触发</button>
    result: <p></p>

    【jQuery】

    $("button").click(function(){
      $.ajax({
        url:'2.php',
        type:'POST',
        data:$("#form1").serialize(),
        success:function(response){
          $("p").text(response);
        }
      });
    });

    【PHP】

    $order=$_POST['order'];  //可以用$_POST获取到input表单,name所对应的值
    $name=$_POST['name'];
    $old=$_POST['old'];
    $gender=$_POST['gender'];
    $choose=$_POST['choose'];
    
    echo "Order: ".$order." ";
    echo "Name: ".$name." ";
    echo "Old: ".$old." ";
    echo "Gender: ".$gender." ";
    echo "Choose: ".$choose." ";

    输出结果:Order: 1 Name: 1 Old: 1 Gender: female Choose: c3

  • 相关阅读:
    C++11 vector使用emplace_back代替push_back
    Centos6.4 编译安装 nginx php
    Centos 编译安装nodejs&express框架
    zookeeper 入门(二)
    zookeeper 入门(一)
    Paxos算法1-算法形成理论[转载]
    yum只下载软件不安装的两种方法
    Centos 6.4 安装dnsmasq
    Centos 6.4 安装erlang&rabbitmq
    Centos 6.4 安装Python 2.7 python-pip
  • 原文地址:https://www.cnblogs.com/YYvam1288/p/5706676.html
Copyright © 2011-2022 走看看