jquery - 显示表单域的结果而不重新加载页面

Question

我想使用 jQuery/AJAX 来执行以下操作...

我有一个带有图像 URL 的文本框。我希望该图像在插入 URL 时出现在单独的 DIV 中。显然在按下任何提交按钮之前。

Answer 1

对于 OP，您没有提及您完成这项工作的确切时间，但我编写了将图像附加到带有输入框中的 url 的 url div 的过程。

var url = $('input[type="text"]').val();

if($.trim(url).length) {

   $('DIV').append('<img src="'+ url +'" alt="image">');

}

Answer 2

$(document).ready(function(){

if($.trim($('input[type="text"]').val()).length) {

   $('div').append('<img src="'+ $('input[type="text"]').val()+'" alt="image">');

}
});