用 ajax 发送 post

Question

大家好，我一直在尝试使用 ajax 发送 post 值这是我的页面：

我有一个模态页面 modal_image.php，代码如下：

var image;
function addImage() {
    $.ajax({
        url:'registration.php',
        data:{image:document.getElementById('output').src},
        type:'POST',
        success:function (data){
            if(!data.error){
                document.getElementById('userImage').src=document.getElementById('output').src;
                image=document.getElementById('userImage').src;
                $("#try").text(image);
            }
        }
    });
}

这是我的 registration.php 页面：

<p><?php echo $_POST['image'];?></p>
<p id="try"></p>

我已经向您展示了代码的限制...

当我打开模式并上传照片时，带有 id=try 的 'p' 元素正在工作，我可以看到图像 src

但是第一个具有 post 值的 p 我看到一个错误

Answer 1

考虑以下代码。

function addImage(source) {
  $.post('registration.php', {
    image: source
  }, function(data) {
    if (!data.error) {
      $('#userImage').attr("src", source);
      $("#try").text($('#userImage').attr("src"));
    }
  });
}

addImage($("#output").attr("src"));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img id="output" src="https://dummyimage.com/200x100/ccc/fff.png&text=TEST" />
<p id="try"></p>

您可以传入要添加到函数中的 URL 字符串。这样，它可以更动态一点，您现在可以轻松获得整个函数的数据。

用 ajax 发送 post

send post with ajax

php

jquery

ajax

http-post