如何用最简单的AJAX方法提交表单并获取属性？
- 内容介绍
- 文章标签
- 相关推荐
本文共计202个文字，预计阅读时间需要1分钟。
使用Ajax方法获取属性并提交表单，获取class，判断name、phone的长度，执行提交操作，点击submit按钮：
javascript$.ajax({ url: 'path/to/your/api', // API路径 type: 'GET', data: { class: $('.class-name').val(), // 获取class name: $('.name-field').val(), // 获取name phone: $('.phone-field').val() // 获取phone }, success: function(response) { // 处理成功响应 }, error: function() { // 处理错误情况 }});
$('#submit-button').click(function() { var name=$(this).closest('form').find('.name-1').val(); var phone=$(this).closest('form').find('.phone-field').val(); // 提交操作});
用ajax的方法取属性提交表单，获取class,判断name,phone的长度，进行提交 ，需要多少取多少字段$(".submit-but").click(function(){ var name = $(this).parents("form").find(".name-1").val(); var phone = $(this).parents("form").find(".phone-1").val(); var ask_content = "来自新闻搜索页优惠降价"; if(name.length<1 || phone.length<8){ alert("请输入正确信息!"); return false; } $.post("/houseAsk",{"name":name,"phone":phone,"ask_content":ask_content},function(){ alert("提交成功！"); }); })
本文共计202个文字，预计阅读时间需要1分钟。
使用Ajax方法获取属性并提交表单，获取class，判断name、phone的长度，执行提交操作，点击submit按钮：
javascript$.ajax({ url: 'path/to/your/api', // API路径 type: 'GET', data: { class: $('.class-name').val(), // 获取class name: $('.name-field').val(), // 获取name phone: $('.phone-field').val() // 获取phone }, success: function(response) { // 处理成功响应 }, error: function() { // 处理错误情况 }});
$('#submit-button').click(function() { var name=$(this).closest('form').find('.name-1').val(); var phone=$(this).closest('form').find('.phone-field').val(); // 提交操作});
用ajax的方法取属性提交表单，获取class,判断name,phone的长度，进行提交 ，需要多少取多少字段$(".submit-but").click(function(){ var name = $(this).parents("form").find(".name-1").val(); var phone = $(this).parents("form").find(".phone-1").val(); var ask_content = "来自新闻搜索页优惠降价"; if(name.length<1 || phone.length<8){ alert("请输入正确信息!"); return false; } $.post("/houseAsk",{"name":name,"phone":phone,"ask_content":ask_content},function(){ alert("提交成功！"); }); })