異なるhtmlから各々違うphpをajaxで呼びたい

javascript
1$.get('show.php', {
2          name:$('#id').val()
3}, function(data){
4         $('#result').html(data.message + "次へ進む");
5});

上のコードではshow.phpを呼んでいますが、a.htmlなら、show.phpを、b.htmlなら、show2.phpを、c.htmlならshow3.phpから値を取得したいです。

どのように上のコードを書き換えるべきでしょうか。

行動規範の内容に同意します

回答1件

bodyに書き込んでおいてそれを呼び出すとか。

HTML
1<body data-ajax="show.php"></body>

JavaScript
1var callphp = $( 'body' ).attr( 'data-ajax' );
2if ( callphp ) {
3	$.get( callphp, {
4		name : $( '#id' ).val()
5	}, function( data ){
6		$( '#result' ).html( data.message + '次へ進む' );
7	});
8}

追記：

JavaScript
1var callphp; // グローバルにしたいならここで。
2var button_id;
3$( function() { // DOM構築を待つ
4	callphp = $( 'body' ).attr( 'data-ajax' );
5	console.log( 'callphp:',callphp );
6	button_id = $( 'body' ).attr( 'button-id' );
7	console.log( 'button_id:',button_id );
8} );

投稿2016/09/17 07:33

編集2016/09/18 12:56

kei344

総合スコア69407

imamoto_browser

2016/09/18 11:34

回答ありがとうございます。グローバルスコープでvar button_id = $( 'body' ).attr( 'data-ajax' );console.log(button_id);とすると、undefinedになってしまうんですが、 $(document).on('click.closeModal', '.button1', function (){の'.button1'のところは、button_idで置き換えることはできますでしょうか。

imamoto_browser

2016/09/18 11:37

訂正：誤）グローバルスコープでvar button_id = $( 'body' ).attr( 'data-ajax' );console.log(button_id);とすると、正）グローバルスコープでvar button_id = $( 'body' ).attr( 'button-id' );console.log(button_id);とすると、 html側では、<body data-ajax="show.php" button-id="button1">としています。

kei344

2016/09/18 12:55

「data-ajax」という属性名にしているのには意味があって、HTML5にそういうカスタムデータ属性というものがあるのです。（「button-id」でも取得出来ますが）【data-* - HTML | MDN】 https://developer.mozilla.org/ja/docs/Web/HTML/Global_attributes/data-* グローバルスコープでそれを書いた場所は head要素内でしょうか。その場合ブラウザのDOM構築イベントを待たずに取得しようとするため、undefined になります。ロードイベントを待って実行してください。（追記しておきます）

行動規範の内容に同意します