Access Control-Allow-Originの問題によりAjaxが実行されないAjaxに関する問題について技術サポートに連絡しました。彼は、コードHeader set Access-Control-Allow-Origin "*"
を含む.htaccessというファイルを追加することで問題を解決しました。私はそれが適切かどうか完全にはわからないので、これを言っています。問題は、AjaxがData変数の値を入力内容からスクリプト全体をコピーし、その値として使用することです。私はこれがどうして起こっているのか全く分からないのですが、少しデバッグした後、これはAjax内でのみ起こっているようです。私はチェックし、JavaScriptは入力の値を正しく受け取りましたが、Ajaxを通過するときにform_data
の値がスクリプトのコピーに置き換えられました。AjaxがData変数の内容を変更しています
<script type="text/javascript">
$(document).ready(function() {
$("#my_form").submit(function(event){
//alert ("submited");
event.preventDefault("#my_form");
var post_url = $(this).attr("action"); //get form action url
var request_method = $(this).attr("method"); //get form GET/POST method
var form_data = $(this).serialize(); //Encode form elements for submission
//var form_data = $('#submit_post').val(),
alert (post_url + "" + request_method + " " + form_data);
$.ajax({
type: request_method,
url: post_url,
data: form_data,
//crossDomain: true,
success: function(html) {
alert (html);
$('#server-results').html(html);
},
});
});
});
そしてここalert (html);
のスクリーンショットであるおかげ
申し訳ありません画像が表示されていない場合は、クリックするとリンクが表示されません。私のページが実行されているコードのコピーを示す警告を想像してください –
'event.preventDefault("#my_form ");'は間違っています....あなたはフォーム名を含んでいません.... – epascarello
私の推測はpost_urlです.....間違っている..... – epascarello