jquery - 如何通过larvavel中的ajax将div的子元素传递给控制器?
问题描述
我想通过 ajax 调用将 div 的子元素传递给 laravel 项目中单击按钮的控制器。
这里是div ..`
<button type="button" id="saveForm" class="btn btn-primary float-right">Save</button>
<div class="col-9 canvas">
<input type="text" name="firstname" placeholder="email">
<input type="text" name="firstname" placeholder="password" >
<input type="button" onclick="myBtn()" value="login">
</div>
为了将元素传递给控制器,我使用了以下 ajax 代码..
<script>
$(document).ready(function(){
$("#saveForm").click(function(){
var canvas = $(".canvas");
$.ajax({
url: "{{ route('save.form') }}",
type: "post",
data:{data:canvas},
success: function(data){
console.log(data);
}
});
});
});
</script>
但顺便说一句,我不能传递 div 的子元素。如何传递子元素?
解决方案
如果您正在寻找传递 .canvas 块的 html
var canvas = $(".canvas")[0].outerHTML;
如果您正在寻找 .canvas html 的内部,那么
var canvas = $(".canvas").html();
完整代码
<script>
$(document).ready(function(){
$("#saveForm").click(function(){
var canvas = $(".canvas")[0].outerHTML;
$.ajax({
url: "{{ route('save.form') }}",
type: "post",
data:{data:canvas,"_token": "{{ csrf_token() }}"},
success: function(data){
console.log(data);
}
});
});
});
</script>
推荐阅读
- spring-transactions - Spring TransactioSynchronizationManager registerSynchronization Location
- python - len() 为字符串返回错误的数字
- three.js - 三.js材质禁用插值
- django - 检查身份验证时 django 附件损坏
- css - Animate.css:在滚动时变为可见时触发动画
- python - 如何在所有浏览器配置文件中使用 Python 安装 Chrome 扩展程序?硒
- spring-boot - Spring Security - 如何验证登录
- c - c中的嵌套链表
- angular - 角度单元测试无法读取未定义的属性
- flutter - MaterialApp 的主题原色不起作用