Question

我正在构建一个搜索框。似乎搜索文本没有传入$ .ajax（{

alert(val1);有效，但alert("step4 - working");未显示。如何解决这个问题？

<div class="imageSlots" id="imageSlots"></div>
<form action="" method="post">
        Search Word:         
         <input type="text" name="val1" id="val1" />
         <input type="button" value="Submit" id="btn" />
        </form>
      </div>

<script type="text/javascript">
        var val1 = $('#val1').val();
        $('#btn').click(function(e) {       
            e.preventDefault();
            alert(val1);
            $.ajax({
            alert("step4 - working");                   
                url: 'php/file1.php',
                type: 'POST',
                data: {'val1':val1},

                success: function(data, status) {
                    $("#imageSlots").html(data);

                }
            });
            $("#imageSlots").fadeOut("slow");
        });
    </script>

Answer 1

您遇到语法错误。您不能在对象文字中放置alert。把它移到上面。

Answer 2

将您的代码更新为以下内容：

<script type="text/javascript">
        var val1 = $('#val1').val();
        $('#btn').click(function(e) {       
            e.preventDefault();
            alert(val1);
            $.ajax({
                url: 'php/file1.php',
                type: 'POST',
                data: {'val1':val1},                    
            success: function(data, status) {
                    alert("step4 - working");  
                    $("#imageSlots").html(data);

                }
            });
            $("#imageSlots").fadeOut("slow");
        });
    </script>

POST数据未传入$ .ajax（{}

2 个答案: