jQuery获取submit后的后台返回数据

最新推荐文章于 2022-12-26 20:09:24 发布

qq_45911550

最新推荐文章于 2022-12-26 20:09:24 发布

阅读量1.9k

点赞数 1

本文链接：https://blog.csdn.net/qq_45911550/article/details/121790455

版权

php 同时被 3 个专栏收录

6 篇文章 0 订阅

订阅专栏

bootstrap

3 篇文章 0 订阅

订阅专栏

JavaScript

2 篇文章 0 订阅

订阅专栏

html+js

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>将数组的数据循环遍历到HTML中</title>
    
</head>

<body>
    <div id="LoveID">
        <form id="form1" action="a.php" enctype="multipart/form-data" method="post">
            <table>
                <tr>
                    <td>请输入文字：</td>
                    <td><input type="text" name="wenzi"/></td>
                </tr>
                <tr>
                    <td><input type="submit" name="submit" value="提交"/></td>
                    <td><input type="reset" name="reset" value="重置"/></td>
                </tr>
            </table>
       </form>
    </div>
</body>

<script src="https://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.1/jquery.form.min.js" integrity="sha384-tIwI8+qJdZBtYYCKwRkjxBGQVZS3gGozr3CtI+5JF/oL1JmPEHzCEnIKbDbLTCer" crossorigin="anonymous"></script>
<script>
    // $(function ())是文档document加载完自动调用的函数
    $(document).ready(function() 
    {
        /*
        获取form元素，调用其ajaxForm(...)方法
        内部的function(data)的data就是后台返回的数据
        */
        $("#form1").ajaxForm(function (data) {
                alert(data);
                console.log(data);
                console.log("str:" + JSON.stringify(data));
            }
        );
    });
</script>

</html>

a.php

<?php
	$wenzi= $_REQUEST['wenzi'];
	echo $wenzi;
?>

结果：

在这里插入图片描述

qq_45911550

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录