php - JS传变量给.php，php根据变量返回，javascript显示，使用AJAX，用bind('input', function()触发

Question

我正在尝试使表单自动填充一些输入字段 onchange，我似乎无法弄清楚如何将#url 字段发送到我的 php 脚本，非常欢迎任何输入或建议。

$('#url').bind('input', function () {});

在 keychange 上将输入 id $url 的值发送到 ajax.php

这将以该值运行

$query = "SELECT * FROM `inserted_posts` WHERE `search_name` = '$url'";

结果回显

echo json_encode($array);

然后显示在其他输入字段中

           $.ajax({
            url: 'ajax.php',   
            data: "", 

            dataType: 'json', //data format      
            success: function (data) //on recieve of reply
            {
                var catagoryPHP = data[1]; 
                var imageNamePHP = data[3];

                $('#catagory').html(catagoryPHP);
                $('#imageName').html(imageNamePHP);
            }
            });

我似乎无法弄清楚如何将 $URL 发送到 ajax.php 并启动​​事件链？

我所有的代码

JS：

$(function () {
$('#url').bind('input', function () {
    $(this).val() // get  value




    $(function () {
        //-----------------------------------------------------------------------
        // 2) Send a http request with AJAX http://api.jquery.com/jQuery.ajax/
        //-----------------------------------------------------------------------
        $.ajax({
            url: 'ajax.php', //the script to call to get data          
            data: "", //you can insert url argumnets here to pass to api.php
            //for example "id=5&parent=6"
            dataType: 'json', //data format      
            success: function (data) //on recieve of reply
            {
                var catagoryPHP = data[1]; 
                var imageNamePHP = data[3];

                //--------------------------------------------------------------------
                // 3) Update html content
                //--------------------------------------------------------------------
                $('#catagory').html(catagoryPHP);
                $('#imageName').html(imageNamePHP);

            }
        });
    });
});
});

ajax.php

<?php
require_once ('DBconnect.php');

$query = "SELECT * FROM `inserted_posts` WHERE `search_name` = '$url'";
$result = mysql_query($query);

$array = mysql_fetch_array($result);

echo json_encode($array);
?>

Answer 1

    $.ajax({
        type: 'POST', // Can be 'GET'
        url: 'ajax.php',      
        data: { url: $('#url').val() },         
        success: function (data) //on recieve of reply
        {
            /* Your code to execute on success of the request */
        }
    });

#url 将在您的 php 脚本中作为 $_POST['url'] 或 $_GET['url'] 访问，具体取决于您type为请求输入的类型。

请记住使用准备好的语句或mysqli_escape_string()函数来清理所有用户输入。