jqueryのajaxを使い、javascriptの変数をphpに渡して、新しいファイルを作りたい。

Question

jqueryのajaxを使い、javascriptの変数をphpに渡して、新しいファイルを作りたいのですがうまくいきません。
どこで引っかかっているのか原因がわからないためどうしようもありません。アドバイスお願いします。

Comments

[kei344]

コードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、「うまくできない」とは「何をしたときに」「どうなると思って」「どうなったのか」を出ているエラーなどと併せて、具体的に記述されたほうが回答を得られやすいと思います。

Answer 1

全体的にカッコの使い方がおかしいですし、文字列をクォーテーションで囲んでません。
シンタックスエラーが相当出ていると思うので適宜修正してください

success: function( )
も引数指定しないと参照できないですね

またajaxでdataというパラメータを渡しているように見えません。

Comments

[loiz]

すいません。見返したらカッコぼろぼろでした。
指摘ありがとうございます。

Answer 2

dataのキーで値を渡すのが必要なのと、
細かい構文誤りがあります。詳細は以下コメントにて

$(function () {
    $("#make").click(function(){
	    var abc = "newfile.txt";// 文字列に修正
	    $.ajax({
	        type: "POST",
	        url: "123.php",
	        data: {
	            data: abc // データをPHPに渡す
	        },
	        success: function(data) {
	        		$('#result').text(data); // resultのdivにphpでechoしたメッセージを吐き出す
		    },
		    error: function() {
		    	$("#result").html( '<font color="red">エラー</font>' );
		    }
	    });
    });
});

Comments

[loiz]

ありがとうございます。
一番分かりやすかったのでベストアンサーとさせて頂きました。

もう１つ問題がでてきたのがhtmlの中でsrc属性にもnewfile.txtの値を出したいのですがhtmlにidを使わず変数を渡すことは可能でしょうか？

[ShoheiTai]

意味が読み取れませんでした
・src属性とはどのタグのsrc属性でしょうか？
・newfile.txtの値とはなんでしょうか？ファイルの中身ですか？
・「htmlにidを使わず変数を渡す」とはなんでしょうか？id属性ですか？また、変数とはAjaxのレスポンスでしょうか？

[loiz]

すみません。
・具体的にはnewfile.txtをnewimage.jpgだとして
<img src="変数">　同じように変数にnewimage.jpgを代入してsrcに入れることは可能でしょうか？
・htmlにidを使わずというのは <div id="result"></div> のようにidを指定すれば変数を送れることはわかったのですが上記のようなsrc属性に変数を渡すことも可能でしょうか　という質問でした。

[loiz]

出来ました。ありがとうございました！

Answer 3

原因はAjax送信するときに、
dataを送信できていないのと、
変数名var abc = nwefile.txt;が文字列になっていないのが問題になります。

Ajax説明サイト

あと、Ajaxの書き方が古いので、新しい書き方を覚えたほうが良いかと思います。
(success等は廃止されたような記憶が。)

Comments

[loiz]

調べると少し古いみたいですね；
参考にしたページが古いやつでした。
指摘ありがとうございます。

Answer 4

jQueryでPHPにパラメータを渡して実行する場合、{data:値}を指定することが必要です。

参考：
http://kihon-no-ki.com/jquery-php-ajax
http://qiita.com/super2baba/items/b1301ca567b60b2e00c7

Comments

[loiz]

参考になるページを載せていただき有り難うございます。