Question

如何在没有表单的情况下从php发送带有jquery.post（ajax）的文本字段？我需要使用jquery.post发送文本字段。我有这段代码：

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

尝试此操作后，点击发送按钮后会发送数据 HTML

<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);
            }
        });
    });
});

Answer 2

您可以为您添加ID按钮并使用

$("#my-button-id").click

或者你可以试试这个

$(function(){
    $('#form1 input[type="submit"]').click(function(e){
        e.preventDefault();
        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);
            }
        });
    });
});

但是你必须注意到，如果没有allow-origin标题，就不能对其他域进行ajax查询。

Answer 3

jQuery的：

$('#mybutton').on("click",function(){
   var url = $('#url').val()
   $.post(url,
   {text:$('#json').val(), url:url },
   function(data){
         alert("it works");
   })
})

HTML：

<textarea name="json" id="json" cols="45" rows="5"> </textarea>
<input type="button" id="mybutton" />

如何使用jquery.post发送文本字段，php + mysql没有表单？

3 个答案: