javascript - 使用ajax(jQuery mobile)用php刷新文本文件

Question

我正在尝试使用 ajax 将幻灯片值放在 txt 文件上，我找到了如何在 jQuery 上使用 ajax 的示例，但是当我尝试将 slider 值放在函数上时没有任何反应。 这是我的 HTML 和 PHP 文件: PS:正如我之前所说，我在网上找到了一个示例，该示例是一个“计算器”，但我真正想做的是将 slider 值放在txt文件中。

HTML:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>

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

        var a = $("input[name=flip]").val();
        var b = $("input[name=num_b]").val();

        $.ajax({

            type: "POST",
            data: { first:a, second:b },

            url: "add.php",
            dataType: "html",
            success: function(result){
                $("#content").html('');
                $("#content").append(result);
            },
            beforeSend: function(){
                $('#loading').css({display:"block"});
            },
            complete: function(msg){
                $('#loading').css({display:"none"});
            }
        });
    });
});

</script>


                    <label for="status">Constant:</label>
                    <select name="flip" id="flip" data-role="slider" data-mini="true">
                        <option value="10">O</option>
                        <option value="20">I</option>
                    </select> 


                <script>
                        $( "#flip-1").on('slidestop', function( event ) {
                           var slider_value=$("#flip-1").slider().val();
                           alert('Value: '+slider_value);
                        });
                </script>


<div id="loading" style="display: none;">Loading...</div>

<input type="text" name="num_a" />
<input type="text" name="num_b" />
<button id="btn">Add</button> 

<div id="content"></div>

PHP:

<?php 
    $fh = fopen("file.txt", 'w') or die("can't open file");
      fwrite($fh, $_POST["first"] + $_POST["second"]);
    fclose($fh);
    echo $_POST["first"] + $_POST["second"];
?>

我正在尝试做什么(HTML):

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>

$(function(){
    $( "#flip-1").on('slidestop', function( event ) {

        var a = =$("#flip-1").slider().val();
        var b = 0;

        $.ajax({

        type: "POST",
        data: { first:a, second:b },

        url: "add.php",
        dataType: "html",
        success: function(result){
            $("#content").html('');
            $("#content").append(result);
        },
        beforeSend: function(){
            $('#loading').css({display:"block"});
        },
        complete: function(msg){
            $('#loading').css({display:"none"});
        }
    });
});

});

</script>


                <label for="status">Constant:</label>
                <select name="flip" id="flip" data-role="slider" data-mini="true">
                    <option value="10">O</option>
                    <option value="20">I</option>
                </select> 


            <script>
                    $( "#flip-1").on('slidestop', function( event ) {
                       var slider_value=$("#flip-1").slider().val();
                       alert('Value: '+slider_value);
                        });
            </script>


<div id="loading" style="display: none;">Loading...</div>

<input type="text" name="num_a" />
<input type="text" name="num_b" />
<button id="btn">Add</button> 

<div id="content"></div>

我只想将 slider 开关值放入文本文件中，每次开关值更改时

Answer 1

1. 将 var a = $("input[name=flip]").val(); 更改为 var a = $("#flip").val();因为#flip是选择而不是输入
2. 在服务器上调试代码，在 PHP 顶部添加 print_r($_POST) 文件，您应该得到“第一个”和“第二个”
3. 使用firebug如果您遇到以下问题，请在控制台中调试您的 AJAX 请求 “NetworkError: 404 NOT FOUND 那么您的网址未指向 地址正确，请检查 JSFIDDLE 中的代码