zoukankan      html  css  js  c++  java
  • 使用JQ的AJAX json前后端传值实例(POST方式) | PHP Ajax传值示例

    使用JQ的AJAX 以json数据方式将前端输入框值传入到后端实例

    (POST方式) 

    PHP Ajax传值示例

    将代码示例优化到最简单的方式

    前端

    /test/test.html

    <html>
        <head>
            <title>test_json</title>
            <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
        </head>
        <body>
            <input type='text' id='Text1' /><br /><br />
            <input type='button' value="提交" onclick="ajax_post()"/><br /><br />
    
            <script>
                function ajax_post(){
                    $.ajax({
                        url: "/test/test_post.php",    //请求的url地址
                        dataType: "text",   //返回格式为string
                        async: true,//请求是否异步,默认为异步,这也是ajax重要特性
                        data:{
                            "code":document.getElementById("Text1").value,
                        },    //参数值 { "json": json }
                        type: "POST",   //请求方式
                        success: function (msg) {
                            alert(msg);
                        }
    
                    });
                }
            </script>
        </body>
    </html>

    后端

    /test/test_post.php

    <?php
        var_dump($_POST);
    ?>

    实际效果

     这里主要实现了前后端数据的交互,前端可以直接提取到后端数据。

    例如:注册的时候判断用户是否已被注册,用户名密码是否正确等等

  • 相关阅读:
    随笔
    打破生活的套牢
    健忘是种美德
    【转贴】怎样冒充古典高手!
    php数组中删除元素
    JS 总结
    ubuntu apache rewrite
    JS 预览超级大图
    UBUNTU 安装SVN
    Yahoo14条前端优化规则
  • 原文地址:https://www.cnblogs.com/insane/p/14225370.html
Copyright © 2011-2022 走看看