HTML Jquery.ajax将HTML文档内容发布到另一个页面

时间:2012-11-01 11:16:34

标签: html jquery

我正在为客户构建自助式电子邮件广告系列应用。我希望客户端下载他们想要的模板,然后将数据发送到另一个页面。

我使用Jquery.Ajax发布数据,但我需要它来选择客户选择的html模板的内容:

获取模板

function getTemplate(id){
$.ajax({
    type: 'get',
    url: 'ay/templates/Postcard_Template.html,
    data: 'EmailTemplate_id=' + id,
    success: function(data) {
     $('#shadow').fadeIn('slow');
     $('#popupContact').fadeIn('slow');
     $('#content').html(data);
}

});

发布到新页面...

$.ajax({
    type: 'Post',
    url: 'wwww.Test.co.uk/test.html,
    data: 'EmailTemplate_id=' + id,
    success: function(data) {
        $('#shadow').fadeIn('slow');
        $('#popupContact').fadeIn('slow');
        $('#content').html(data);


});

然后我会将它绑定到一个表单,如果这看起来正确的任何建议吗?

谢谢,汤姆。

1 个答案:

答案 0 :(得分:0)

所有我看错的是在gettemplate上缺少单引号:

function getTemplate(id){
$.ajax({
    type: 'get',
    url: 'ay/templates/Postcard_Template.html',
    data: 'EmailTemplate_id=' + id,
    success: function(data) {
     $('#shadow').fadeIn('slow');
     $('#popupContact').fadeIn('slow');
     $('#content').html(data);
}

});

和帖子模板上的单引号+括号:

$.ajax({
    type: 'Post',
    url: 'wwww.Test.co.uk/test.html',
    data: 'EmailTemplate_id=' + id,
    success: function(data) {
        $('#shadow').fadeIn('slow');
        $('#popupContact').fadeIn('slow');
        $('#content').html(data);
    }

});

我的建议如果你要将它绑定到一个表单你应该序列化表单并将其传递给data参数。 简短的例子:

<form id="menu">
    <select name="daymenu" size="3" multiple>

            <option value="1">maple</option>

            <option value="2">hickory</option>

            <option value="3">birch</option>

    </select>
</form>

然后调整你的ajax数据:

data: $("#menu").serialize(),
祝你好运汤姆:)