フォームなしでjqueryとPHPを使って、テキストフィールドを送信する方法(PHP)

Question

jqueryとPHPを使ってフォームが無くても、テキストフィールドを送信する方法はないでしょうか？

こちらで作成したコードは下記のとおりです。

HTML:

<div id="form1" class="enviar"> <p> URL: <input type="text" name="url" id="url" /> <p> JSON: <textarea name="json" id="json" cols="45" rows="5"></textarea> </p> <p> <input type="submit" name="send" value="send" /> </p> </div>

JQUERY:

$(function(){
$("#send") .submit(function(){
var json = $("#json") .val();
var url = $("#url") .val();
var s = {
"json":json
}
var u = {
"url":url
}

$.ajax({
url:u,
type:'post',
data:s,
beforeSend: function (){
$(".status") .html(" alt=\"Loading ....\" />");
},
success:function(data){
$(".status").html(data);
}
});

});
})

PHP:

include ('conection.php');
$arr = json_decode($_POST['json'],true);
if ($_POST['json']>NULL){
mysql_query("INSERT INTO liciteiro.clientes(client_id,client_descricao,client_razaosocial,client_endereco,client_cidade,client_estado,client_telefone) VALUES ('".$arr[0]['client_id']."','".$arr[0]['client_descricao']."','".$arr[0]['client_razaosocial']."','".$arr[0]['client_endereco']."','".$arr[0]['client_cidade']."','".$arr[0]['client_estado']."','".$arr[0]['client_telefone']."')")or die(mysql_error());
}
else {
die(mysql_error());
}

しかし、このコードでは何も送信することができません。ご教示のほどお願いします！

Answer 1

下記のコードを試してみてください。送信ボタンを押したあと、データが送信されるはずです。

<div id="form1" class="enviar"> <p>URL:<input type="text" name="url" id="url" /></p> <p> JSON:<textarea name="json" id="json" cols="45" rows="5"></textarea></p> <p><input type="submit" name="send" value="send" id="send" /></p> </div> Jquery

$(function(){
$("#send").click(function(){
var json = $("#json") .val();
var url = $("#url") .val();
$.ajax({
url:url,
type:'post',
data:{json: json},
beforeSend: function (){
$(".status") .html(" alt=\"Loading ....\" />");
},
success:function(data){
$(".status").html(data);
}
});
});
});