Question

我不明白为什么data: 'txt=' + $('#nombre').value,不起作用，data: 'txt=' + document.formulario.nombre.value,有效。

这是js代码：

function validarNombre(){
    $.ajax({
        url: 'http://redwow.net/jqueryajax.php',
        type: 'GET',
        data: 'txt=' + $('#nombre').value,
        success: function(datos){
                alert(datos);
        },
    });
};

这是html：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Ejemplo Ajax Personalizado</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="jqueryajax.js"></script>

</head>
<body>
    <form name="formulario">
        <table>
            <tr>
                <td>Nombre:</td><td><input type="text" id="nombre" name="nombre" onKeyPress="validarNombre()"/></td>
            </tr><tr style="visibility:hidden;">
                <td>E-mail:</td><td><input type="text" id="email"/></td>
            </tr>
        </table>
        <input type="submit" value="Enviar"/>
    </form>
</body>
</html>

感谢。

Answer 1

应该是data: 'txt=' + $('#nombre').val()而不是data: 'txt=' + $('#nombre').value

Answer 2

做这样的事情

  var sm = $('#nombre').val();
function validarNombre(){
    $.ajax({
        url: 'http://redwow.net/jqueryajax.php',
        type: 'GET',
        data: 'txt=' + sm ,
        success: function(datos){
                alert(datos);
        },
    });
};

简单的Ajax请求中的jQuery Correct Syntax

2 个答案: