首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用Ajax、jQuery和API预览表单结果

使用Ajax、jQuery和API预览表单结果
EN

Stack Overflow用户
提问于 2015-06-04 10:12:13
回答 1查看 39关注 0票数 0

因此,我有一个表单,客户可以为我的产品生成报价。然而,我希望他们能够预览报价成本之前,他们提交它是最后确定。我有一个像这样构建的API

代码语言:javascript
复制
sitename.com/api/cart?model=1&height=700&width=550&cable_length=1&quantity=2&finish=polished_brass&rails=4&exit=top&concealed=0

get变量与form元素名称相同。当您单击一个按钮时,API只检索我想要显示在表单旁边的一个数字。

我该怎么做呢?我刚接触过Ajax :/

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-06-04 10:26:05

不确定您的问题是如何在链接中传递表单数据,还是如何处理返回的结果以显示它。不管怎样,你可以:

代码语言:javascript
复制
$('#myform').serialize();

它返回以url表单编码的表单值,然后在jQuery.ajax()请求的url上使用该值:

代码语言:javascript
复制
$.ajax('sitename.com/api/cart?' + $('#myform').serialize(), {
    dataType: 'html',
    success: function(html) {
        // The result is an HTML page, just paste it inside the "result" div:
        $('#result').append(html);
    }
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30641038

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档