十、JS jump with datas via POST mo

2017-11-23  本文已影响28人  yuzhan550

1. index.html

<meta charset="utf-8">
Name: <input type="text" name="" id="name"><br>
Pwd: <input type="text" name="" id="pwd"><br>
<button id="btn">提交</button>
<script src="../js/jquery-3.2.1.min.js"></script>
<script>
    $(function () {
        $("#btn").click(function () {
            var name = $("#name").val();
            var pwd = $("#pwd").val();
            var url = 'http://syh.cn/1123post/post.php';
            var args = new Array();
            args['姓名'] = name;
            args['密码'] = pwd;
            StandardPost(url,args);
        });
        function StandardPost (url,args)   //  https://segmentfault.com/q/1010000000473230
        {
            var form = $("<form method='post'></form>");
            form.attr({"action":url});
            for (arg in args)
            {
                var input = $("<input type='hidden'>");
                input.attr({"name":arg});
                input.val(args[arg]);
                form.append(input);
            }
            $(document.body).append(form); // This line is to solve the problem which iForm submission canceled because the form is not connected
            //  来源:http://blog.csdn.net/jpzhu16/article/details/56919491
            form.submit();
        }
    })
</script>

2. post.php

<?php
if($_POST){
    echo '<pre>';
    var_dump($_POST);
}else{
    echo 'Nothing incoming';
}
上一篇 下一篇

猜你喜欢

热点阅读