用php动态设置输入值

Question

我有用于 URL 缩短的 PHP 函数（如 goo.gl 或 bit.ly），它返回带有回显的缩短链接。我想在不刷新页面的情况下将返回的链接放入输入中（变量在 PHP 中）。

我知道这有点难以理解，所以：

1. 用户在输入中粘贴 URL
2. PHP 函数将其缩短并返回缩短的 URL
3. 在输入下显示缩短的 URL（我想在输入中显示这个而不刷新）

我的代码：

<?php

function shortUrl($url)
{

    $id = substr(str_shuffle("0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"), 0, 6);
    $ip = $_SERVER['REMOTE_ADDR'];
    $date = date("Y-m-d");
    $hour = date("H:i:s");
    $user = $_SESSION["user"];


    require_once 'db.php';

    $conn = new mysqli($servername, $username, $password, $dbname);

    if ($conn->connect_error) 
    {
        die("Database error. (1)");
        exit();
        //die($conn->connect_error);
    } 

    $sql = "INSERT INTO links (id, ip, user, link, date, hour) VALUES ('".$id."', '".$ip."', '".$user."', '".$url."', '".$date."', '".$hour."')";

    if ($conn->query($sql) === TRUE) 
    {
        echo 'http://blabla.ru/'.$id;
    }
    else 
    {
        echo 'Connection error. (2)';   
        //echo $conn->error;    
    }

    $conn->close();
}

Answer 1

Ajax 非常适合这一点。假设您有输入，用户将其粘贴到其中-您正在侦听该输入的值更改。一旦发生这种情况，您获取该输入的值并将其发布到 http://example.com/your-shortern.php 或带有链接作为参数的东西。

一旦运行，它将通过该回显返回，您的 ajax 成功函数将获取该数据并将其设置为输入中的值。

https://jsfiddle.net/rzan9hdr/3/ 是一个例子（超级简单）

对于后来者来说，这里是使用按钮点击触发ajax的最终解决方案https://jsfiddle.net/rzan9hdr/5/

Answer 2

如果要在页面上回显新的 URL，则需要刷新页面。

或者，您可以允许用户将 URL 输入到输入字段或其他内容中，然后使用 ajax 调用将 URL 发送到您的服务器，让您的服务器确定新 URL 并将其发送回客户端。由于您正在更改服务器的状态，因此请使用 POST 请求而不是 GET 请求（请参阅https://en.wikipedia.org/wiki/Idempotence）。也许像下面这样......

$('#input1).change(function(){
   $.POST( "yourserver.php", {oldURL:$( "'#input1t" ).val()}, function( newURL ) {
      $( "'#input1t" ).val(newURL);  //Might need to do something to prevent another change event
   });
});

你的服务器.php

<?php
shortUrl($_POST['oldURL'])

function shortUrl($url)
{
  //Your posted code
}