0

我想学习使用 ajax，但我的脚本没有一个工作：

<script>
function test()
{   
    var par = document.getElementById("nome").value;
    alert ("i m here!"+par);
    $.Ajax({
      type: "POST",
      url: "ProvaAJAX.php",
      data: "par="+par,
      success: function(msg){
       alert( "Data Saved: " + msg );
      }
    });
}
</script>

选择物品：

<select id="nazione_pr" class="select-registrazione" onchange="prova()" name="nazione_pr">

输入项：

<input id="nome" class="input-text" type="text"name="nome">

ProvaAJAX.php

<html>
<?php
    echo "Test success". $_POST['par'];
?>
</html>

....我认为这个脚本应该没问题，但我的服务器不这么认为...当我更改“选择”值时，出现“我在这里”警报框但什么也没发生...

4

3 回答 3

2

很多问题

  • 它是 $.ajax 中的小写 a

  • 数据：{“par”：par}，

  • 你使用 jQuery 所以使用 var par = $("#nome").val();

  • 你的函数被称为其他东西而不是你所说的

在 IE 或 Chrome 中按 F12 或在 Firefox 中安装 firebug 并在那里按 F12 以查看控制台

<script>
$(function() { // when the page has loaded
 $("#nazione_pr").on("change",function() {
    var nazione = $(this).val(); // the select's value
    var par =$("#nome").val();  // the textfield's value
    $.ajax({
      type: "POST",
      url: "ProvaAJAX.php",
      data: {"par":par,"nazione":nazione},
      success: function(msg){
       alert( "Data Saved: " + msg );
      }
    });
  });
});
</script>
于 2013-09-03T11:56:12.420 回答
0 
            // Launch AJAX request.
            $.ajax(
                {
                    // The link we are accessing.
                    url: jLink.attr( "href" ),

                    // The type of request.
                    type: "get",

                    // The type of data that is getting returned.
                    dataType: "html",

                    error: function(){
                        ShowStatus( "AJAX - error()" );

                        // Load the content in to the page.
                        jContent.html( "<p>Page Not Found!!</p>" );
                    },

                    beforeSend: function(){
                        ShowStatus( "AJAX - beforeSend()" );
                    },

                    complete: function(){
                        ShowStatus( "AJAX - complete()" );
                    },

                    success: function( strData ){
                        ShowStatus( "AJAX - success()" );

                        // Load the content in to the page.
                        jContent.html( strData );
                    }
                }                           
                );

            // Prevent default click.
            return( false );                    
        }
        );
于 2013-09-03T11:59:55.777 回答
0

请将 onchange="prova()" 更改为 onchange="test()" 

<script>
    function test()
    {   
       var par = document.getElementById("nome").value;
        $.ajax({
            type: "POST",
            url: "ProvaAJAX.php",
            data: { par:par,fun:"test" }
            }).done(function( data ) 
            {
                alert( "Data Saved: " + data );
            });

    }
    </script>

和 php 文件：-

if($_REQUEST['fun'] == "test")
{
 echo $_REQUEST['par'];
}
于 2013-09-03T11:54:40.027 回答