zoukankan      html  css  js  c++  java
  • php+jquery+ajax+json的一个最简单实例

        function ajaxTest(){
        $username = $_POST['username'];
    $age = $_POST['age'];
    $job = $_POST['job'];
    $json_arr = array("username"=>$username,"age"=>$age,"job"=>$job);
    $json_obj = json_encode($json_arr);
    echo $json_obj;
            }

    <html>
    <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <script type="text/javascript" src="/Js/jquery.min.js"></script>
    <script type="text/javascript">
     $(function(){
      $("#send").click(function(){
       var cont = $("input").serialize();
       $.ajax({
        url:"{:url('/index/index/ajaxTest')}",
        type:'post',
        dataType:'json',
        data:cont,
        success:function(data){
         var str = data.username + data.age + data.job;
         $("#result").html(str);
        }
       });
      });  
     });
    </script>
    </head>
    <body>
     <div id="result">一会看显示结果</div>
     <form id="my" action="" method="post">
      <p><span>姓名:</span><input type="text" name="username" /></p>
      <p><span>年龄:</span><input type="text" name="age" /></p>
      <p><span>工作:</span><input type="text" name="job" /></p>
     </form>
     <button id="send">提交</button>
    </body>
    </html>

  • 相关阅读:
    (转)值得学习百度开源70+项目
    C#中$的用法
    (转载)《C#高级编程》读书笔记
    C#调用大漠插件
    Visual Studio 2017 扩展推荐
    C#操作Dataset数据集与SQLite数据库
    (转载)C#格式规范
    (转载)DataTable与List<T>相互转换
    FastReport.Net
    (转载)C #开源框架
  • 原文地址:https://www.cnblogs.com/741570hh/p/6848003.html
Copyright © 2011-2022 走看看