Question

我有3个文件：

f1.php

<?php
 echo 'dis';
?>

f2.js

 $.ajax({
  url: "scripts/f1.php",
  success: function (rsp){

   // if its not exist
   if(rsp == "dis"){
    $("#sbmt_a").attr("disabled", "disabled"); //Disable Button
    //return = true;
   }
    else{
     $("#sbmt_a").removeAttr("disabled");
     // return = false;
    }
  }
 })

p1.php

//include f2.js - this is removed. code from f2.js is added at the bottom just before </body>
<body>
<form>
...
<button id="sbmt_a" name="sbmt_a" class="eee">Submit</button>
</form>

$(document).ready(function(){
     $.ajax({
  url: "scripts/f1.php",
  success: function (rsp){

   // if its not exist
   if(rsp == "dis"){
    $("#sbmt_a").attr("disabled", "disabled"); //Disable Button
    //return = true;
   }
    else{
     $("#sbmt_a").removeAttr("disabled");
     // return = false;
    }
  }
 })
});
</body>

现在，如果我在我的js文件中添加类似form.submit(function(){的内容，我可以使用$.ajax代码并执行任何我喜欢的操作。

但有人可以在有人访问我的网页时运行$.ajax代码吗？我的意思是当我的页面加载/重新加载并且f1中的回显时.php是“dis”表单按钮被禁用。

Answer 1

您可以在页面p1.php

中输入您的AJAX电话

$(document).ready(function() {
  // Handler for .ready() called.
});

在大多数情况下，只要DOM层次结构完全构建，就会触发此事件。

Answer 2

是。只需在页面加载完成后运行ajax代码

$(function(){

$.ajax({
  url: "scripts/f1.php",
  success: function (rsp){

   // if its not exist
   if(rsp == "dis"){
    $("#sbmt_a").attr("disabled", "disabled"); //Disable Button
    //return = true;
   }
    else{
     $("#sbmt_a").removeAttr("disabled");
     // return = false;
    }
  }
 });

});

Answer 3

只需将$ .ajax调用放入document.ready函数中，如：

$(document).ready(function(){
$.ajax({
 url: "scripts/f1.php",
 success: function (rsp){

 // if its not exist
 if(rsp == "dis"){
  $("#sbmt_a").attr("disabled", "disabled"); //Disable Button
  //return = true;
 }
  else{
   $("#sbmt_a").removeAttr("disabled");
   // return = false;
  }
}

}） }）;

$ .ajax成功函数

3 个答案: