0

我在让这段代码正常工作时遇到了很多麻烦：

<script type = "text/javascript">

 jQuery(document).ready(function($){ 

 $('#submitbutton').click(function(){

     var email=document.getElementById('emailadd').value;
     var password=document.getElementById('pass').value;

     $.ajax({
     type: "POST",
     url: "/wp-content/themes/roots-master/login.php",
     data: {emailaddress:'email', password:'password'},
     dataType: "text",
     success:function(response){
     alert("success");
     }
     });
 });
}); 
</script>

当我注释掉 $.ajax 函数时，javascript 工作正常（我用警报对其进行了测试）。但是， $.ajax 部分似乎不起作用。有人有什么建议吗？

当我将代码更改为以下内容时，javascript 似乎也无法正常工作：

   $('#submitbutton').click(function(){

     var email=document.getElementById('emailadd').value;
     var password=document.getElementById('pass').value;
     $.ajax({
     alert(password);
     });
     });

我正在使用 wordpress，所以我没有在头部放置任何指向 jquery 的链接。相反，我将以下内容放入我的 functions.php 中，然后 jquery 开始工作。

wp_deregister_script('jquery');
wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery               /1/jquery.min.js', false, '1.9.1', false);
wp_enqueue_script('jquery');

更新：出于某种原因，当我在 $.ajax 之后发出警报时，它起作用了！

jQuery(document).ready(function($){ 
$('#submitbutton').click(function(){
     var email=document.getElementById('emailadd').value;
     var password=document.getElementById('pass').value;
     $.ajax({
     dataType: "html",
     type: "POST",
     evalScripts: true,
     url: "/wp-content/themes/roots-master/login.php",
     data: {emailaddress:'email', password:'password'},
     dataType: "text",
     success:function(){
     alert("success");
     }
     });
     alert("testing");
 });
});

有谁知道为什么会这样？

4

1 回答 1

1

解决了！！它应该看起来像这样：

 $('#submitbutton').click(function(j){
     j.preventDefault();

我错过了 preventDefault() ...doh！

于 2013-10-15T17:39:15.347 回答