更新的提交没有页面刷新一个DIV [英] Updating a DIV on Submit without page refresh

问题描述

我需要刷新＆LT; myDiv＆GT; 在我的网页被点击提交按钮时。

I need refresh <myDiv> on my webpage when the Submit button is clicked.

我创造了什么，我需要的例子。我想显示在＆LT用户输入文本; myDiv＆GT; 点击提交按钮时。目前，它没有显示任何东西。我该如何解决这个问题？

I created an example of what I need. I want to display the user input text inside <myDiv> when the Submit button is clicked. Currently it's not showing anything. How can I fix this?

http://jsfiddle.net/NathaliaZeed/8dn5j/2/

谢谢大家。

推荐答案

您需要使用完整的：没有做:,然后，分配您VAL1变量myDiv
工作小提琴： http://jsfiddle.net/8dn5j/14/

You need to use complete: not done:, then, assign your val1 variable to myDiv.
Working fiddle: http://jsfiddle.net/8dn5j/14/

请参阅：

$('#btn').click(function(e) {   
    var val1 = $('#val1').val();    
    e.preventDefault();
    $.ajax({
        type: 'post',                
        data: {'val1':val1},                    
        complete: function(jqXHR, textStatus){
            $("#myDiv").html(val1);
        }
    });
});

这篇关于更新的提交没有页面刷新一个DIV的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！