setInterval 内でのjQueryPOST

Question

JavaScriptの setInterval() でタイマーを走らせながら、POSTを実行させようと思っているのですが、
POST処理が実際に行われていないようです。

単発で gopost(type) を実行させたときはPOSTが行われているのですが、
setInterval() 内でPOSTは実行できないのでしょうか？（過去に使った事例はあるのですが…
なお、下記コードで「AAAAA」のアラートは表示されますが「NNNNN」は表示されません。
その際 error を受け取っているようで「PIYOPIYO」がコンソールに落ちていました。

setInterval("hogehoge()", 1000);

function hogehoge()
{
  nowtime=new Date();
  nowtime=nowtime.getTime();

  if(nowtime%60==xxxxxxx)  gopost("202");
  else if(nowtime%300===yyyyyy)  gopost("203");
}

function gopost(type)
{
  // alert("AAAAA");  「AAAAA」は正しく表示される
  $(function()
  {
    $.ajax({type: "POST",
            url : "aaaaaaa.php",
            data: { "type":type },
            success: function(data)
            {
              // alert("NNNNN");  「NNNNN」は表示されない
              document.getElementById("zzzzzzz").innerHTML=data;
            },
            error: function(data)
            {
              console.log("PIYOPIYO");
            }
    });
  });
}

Answer 1

こんにちは

関数 function gopost(type) の中を、以下のように修正すると、いかがでしょう？

修正前

$(function()     
  {　　　　　　　　
    $.ajax({type: "POST",
            url : "aaaaaaa.php",
            data: { "type":type },
            success: function(data)
            {
              // alert("NNNNN");  「NNNNN」は表示されない
              document.getElementById("zzzzzzz").innerHTML=data;
            },
            error: function(data)
            {
              console.log("PIYOPIYO");
            }
    });
  }); 

上記で、 $(function() { ・・・ }); で $.ajax する処理を囲んでいますが、この囲みが不要なので除去して、以下のように修正します。

修正後

$.ajax({type: "POST",
  url : "aaaaaaa.php",
  data: { "type":type },
  success: function(data)
  {
    document.getElementById("zzzzzzz").innerHTML=data;
  },
  error: function(data)
  {
    console.log("PIYOPIYO");
  }
});

参考になれば幸いです。

Comments

[退会済みユーザー]

ありがとうございます。
$(function() { ~~~ } を削除したところ見事に動作しました。
多数動いている既存システムのコピペなのでこれで動作している部分もあるのですが…
具体的な原因は分からなかったのですが、今後同じことが発生したらこれを参考にしてみようと思います。

[jun68ykt]

どういたしまして。

$(function() { ・・・ });

は、当該のページのHTMLが読み込まれたときに、 ・・・　の処理を行うためのものです。

参考： Qiita：jQueryの基本 - $(document).ready @8845musignさん
　　　https://qiita.com/8845musign/items/88a8c693c84ba63cea1d

あるページの読み込みが完了したときに $() は呼ばれるので、
> 既存システムのコピペ
の中に、ご質問にコードにあるような $(); の使われ方をしている箇所があったら、意図通り動いているのか疑ったほうがよいかもしれません。

[kei344]

To: jun68yktさん
$(function() {}) は特に関係が無いと思いますが･･･。（ DOMContentLoaded か、それが実行済みなら即実行という実装だったと思うのですが）
https://jsfiddle.net/5tn6fq4g/

[jun68ykt]

@kei344さん
この質問の状況は、 https://api.jquery.com/ready/ に以下

Note that if the DOM becomes ready before this event is attached, the handler will not be executed.

のように書かれているケースに該当している可能性があると思われたので、上記を回答しました。

[kei344]

To: jun68yktさん
それは「$(document).on( "ready", handler )」に対してのNoteですね。
https://jsfiddle.net/eug4zLhq/1/
https://jsfiddle.net/eug4zLhq/
$(function() {}) では特に再現しないので、質問者がどのような状況かがわかりませんが、私は関係ないと思います。（解決済みなので、問題が解決したようですが、別の箇所に問題があった可能性が有る気はします）

うろ覚えの状態から挙動の再確認まで出来たので、返信は不要です、お騒がせしました。また、解決済みの質問に失礼しました。

[jun68ykt]

@kei344さん
どういたしまして。こちらこそ貴重なコメントありがとうございました。

> 別の箇所に問題があった可能性が有る

には同意です。
私としては、

質問に挙げられているコードではなく、実際に質問者さんが目の前にしているコードをくまなく見ないと、はっきりしたことは言えないけれども、とりあえず
$(function() { ・・・ }
で囲む必要が特に無いと思われる処理を囲んでいるのが、どうも怪しい気がするので、（実際に質問者さんが目の前にしているコードのほうで、それを）外してみては？

という趣旨の回答でした。ご指摘ありがとうございました。