javascript - 将 javascript 变量传递给 php,然后返回 html

标签 javascript php jquery html ajax

我有一个带有表单的 html 页面,我想在其中提交一个值并使用 javascript(w/jquery 和 ajax)将其发送到发生特定过程的 php 页面,我想通过多次将变量发送回原始 html 页面(可能发送到空 div (id=txtHint) 中)来跟踪 html 页面。以下是我到目前为止所拥有的...

me.html

<html>
<head>
    <title>Generator</title>
    <script src="jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="howdy.js" type="text/javascript"></script>
</head>

<body>
    <div id="form_container">
        <h1>Generator</h1>
        <form id="myForm" name="myForm">
            <input id="myStr" type="text">
            <input id="regrForm" type="button" name="submit" value="Submit">
            </center>
        </form> 
    </div>
    <div id="txtHint"></div>
</body>
</html>

howdy.js

$(document).ready(function() {

    $("#regrForm").click(function(){

        var myText = $("#myStr").val();

        $.ajax({
            url: 'tracker.php',
            type: 'POST',
            data: {
                newStr: myText},
            dataType: "text",
            success: function(data){
                console.log("It went through!");
                $('#txtHint').html(data);
            }
        });
    });
});

tracker.php

<?php
    $myName = $_POST['newStr'];
    echo "<p> My string is: " . $myName . "</p>";

    for ($i=0; $i<1000000; $i++){

        //analyze stuff

        if ($i % 100000 === 0){
            echo "Total number of things analyzed: " . $i . " from " . $myName;
        }
    }
?>

问题是,我不完全确定我的变量是否从 javascript 正确传递到 php,以及如何准确地将 php 更新(我通过 $i 进行的迭代)传递回 html 页面。 。有什么想法吗?如果我没有提供足够的信息,请告诉我。我感谢您提供的任何建设性帮助。

最佳答案

用于 AJAX 开发目的。

  1. 来自 ajax->success() 方法的console.log(data),以便您可以看到 PHP 的响应输出。
  2. 如果您想查看它是如何发送的,只需 var_dump($_POST);
  3. 查看您的网络服务器错误日志文件,如果您使用 APACHE/Linux,它将在您的/var/log/httpd/error_log 中 在 linux 中运行此 cmd,这样您就无法查看错误 ---- tail -f/var/log/httpd/error_log

看看你的 PHP 代码,看起来你运行 for 循环一百万次会让浏览器崩溃......然后每一万次打印“分析的事物总数......”

您具体想要实现什么目标?

关于javascript - 将 javascript 变量传递给 php,然后返回 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31797306/

相关文章:

php - htaccess 尾部斜线问题

javascript - 如何获取哪个元素导致 div 的模糊事件

javascript - 使用 JavaScript 实时更新网页元素时出错

php - Yii2 Rest api - Url 管理器添加参数

jquery - 运行 Protractor 时,Angular/Jquery 选择器会导致错误

javascript - 如何按倍数数组/对象值过滤对象数组

javascript - 将 Google Tag Manager 与 Google Analytics 结合使用来跟踪 Chrome 扩展程序 (2020)

javascript - AngularJS:从 &lt;script type ="application/json"> 获取 json 数据到 Controller

javascript - Javascript 中的 boolean 求值规则是什么?

javascript - 如果发生碰撞,如何使用光线转换防止变换控制移动对象?