ajax 相关问题

AJAX(异步JavaScript和XML)是一种通过客户端和服务器之间的异步数据交换来创建无缝交互式网站的技术。 AJAX有助于与服务器进行通信或部分页面更新,而无需传统的页面刷新。

更改选择加载网址参数

选择({ 值字段: 'Id', labelField: '名称', 搜索字段: '姓名', 加载:函数(查询,回调){ $.ajax({ url: '/some_url/params?

回答 1 投票 0

更改选择 laod url 参数

选择({ 值字段: 'Id', labelField: '名称', 搜索字段: '姓名', 加载:函数(查询,回调){ $.ajax({ url: '/some_url/params?

回答 1 投票 0

如何在laravel中使用ajax在单页上存储具有多个按钮数据的多个表单

这是我的表单,我不想进行任何更改或表单操作和按钮 ID:- 这是我的表单,我不想进行任何更改或表单操作和按钮 ID:- <form action="store" method="post"> <input type="text" class="form-control" id="add_related_product" name="addons_heading" value="<?php if (isset($setting['addons_heading'])){echo htmlentities($setting['addons_heading']);}?>"> <input type="text" class="form-control" id="label_quantity" name="quantity" value="<?php if (isset($setting['quantity'])){echo $setting['quantity'];}?>"> <button type="button" onclick="saveAjaxSetting()" class="sg-main-btn sg-primary-btn" id="ajaxSubmit">Save</button> </form> <form action="store" method="post"> <input type="number" class="form-control" id="max_accessories" name="max_accessories" value="<?php if (isset($setting['max_accessories'])){echo $setting['max_accessories'];}?>"> <input type="text" class="form-control" id="max" name="max" value="<?php if (isset($setting['max'])){echo $setting['max'];}?>"> <button type="button" onclick="saveAjaxSetting()" class="sg-main-btn sg-primary-btn" id="ajaxSubmit">Save</button> </form> 这是我的路线:- 路线::post('/store','Crud\SettingController@saveSetting'); 这是我的设置控制器:- public function saveSetting(StoreSetting $request) { try{ //Log::info($request); $setting= request(['is_active','max_accessories','quick_view','accessory_discription','thumbnail','quantity_selector','addons_heading','quantity','variant','price']); $data= array_map(array($this,'settingData'), array_keys($setting), array_values($setting)); $keys=array_keys($setting); //Log::info($data); if (!empty($data)) { Model::whereIn('entity_name',$keys)->delete(); $settingData= Model::insert($data); return true; } return false; } catch (\Exception $e) { Log::error($e->getMessage()); throw new \Exception("Setting not saved in "); return false; } } 我的ajax脚本是:- function saveAjaxSetting(data) { console.log(data); $.ajax({ type: 'POST', url: "/spiceaddons/public/store", dataType: 'json', data: { "method": 'POST', "data": data }, error: function (err) { console.log(err); toastr.error('Error in saved'); }, success: function (data) { console.log(data); toastr.success(' Setting saved'); }, }); } 这是所有代码都在这里 和 问题:- 数据未插入数据库。 谢谢您,但我在没有 {{ csrf_field() }} 的情况下提交数据,因为我停止了中间件。我正在按钮上使用 onclick 事件,因此我的新 ajax 代码在这里并且可以正常工作:- <script> function accessorySetting() { var data={'max_accessories':$('input[name="max_accessories"]').val(), 'quick_view':$('input[name="quick_view"]:checked').val(), 'thumbnail':$('option:selected').val(), 'accessory_discription':$('input[name="accessory_discription"]:checked').val(), 'quantity_selector':$('input[name="quantity_selector"]:checked').val() }; saveAjaxSetting(data); } function languageSetting() { var data={'addons_heading':$('input[name="addons_heading"]').val(), 'quantity':$('input[name="quantity"]').val(), 'variant':$('input[name="variant"]').val(), 'price':$('input[name="price"]').val()}; //alert(JSON.stringify(data)); saveAjaxSetting(data); } function saveAjaxSetting(data1) { //alert(JSON.stringify(data1)); $.ajax({ type: 'POST', url: "/spiceaddons/public/store", dataType: 'json', data:data1, success: function (data) { console.log(data); toastr.success("Setting Save Successfully"); }, error: function (err) { var response = JSON.parse(err.responseText); $.each( response.errors, function( key, value) { toastr.error(value); }); }, }); } </script> 您的代码无法运行的原因可能有多种。 1 - CSRF 代币 您的 API 调用正在使用 POST。假设此路由位于 web.php 路由文件中,这意味着您的表单需要包含 CSRF 令牌。为此,请将以下行添加到每个 HTML 表单(在开始 form 标记之后): {{ csrf_field() }} 2 - 可填写字段 如果您在模型中使用 $fillable,则需要确保数组包含您期望的所有字段。如果 $fillable 数组中缺少任何列,数据将不会保存到该列。 protected $fillable = [ 'name', 'value', ... ]; 3 - 检查laravel.log文件 检查 storage/logs/larave.log 中的错误日志文件,查看代码是否引发任何其他错误或异常。这将为您提供堆栈跟踪,以帮助您确定哪个文件和行可能导致错误。

回答 2 投票 0

为什么我在 Laravel 项目中使用提及输入时没有得到任何响应

为什么我在 Laravel 项目中使用提及输入时没有得到任何响应。数据正确地以 JSON 格式传入,我已正确检查过。 $(文档).ready(函数() { var 令牌 = $("#...

回答 1 投票 0

部分 PHP 页面未通过 AJAX 调用刷新

我有一个php页面,需要使用AJAX刷新其中的一部分。 函数重新加载图表(数字){ console.log("正在重新加载图表:", number); var xmlhttp = new XMLHttpRequest();...

回答 1 投票 0

我这里需要参数化并索要测试数据吗?

我遇到过这样的情况:我正在测试 CRM 应用程序,当我单击帐户选项卡时,它会提取一堆信息并传递参数来填充它。 例如,存款

回答 1 投票 0

Laravel 8 使用ajax 过滤数据

我想过滤表中的数据。网上看了很多教程,还是不太明白。我发现了一个对我来说似乎非常复杂的教程。我只想使用控制器和视图。缺点...

回答 1 投票 0

上传文件 - 以错误的方式创建数组?

我尝试通过多次上传 和

回答 1 投票 0

视图无法解析操作

我在项目中配置 CRUD 时遇到了问题。视图看不到来自控制器的方法。我使用了主视图和部分视图。 主视图代码: 我在项目中配置 CRUD 时遇到了问题。视图看不到来自控制器的方法。我使用了主视图和部分视图。 主视图代码: <div class="container col-md-10 m-auto" style="width: auto;"> <div class="d-flex align-items-center justify-content-center"> <div class="btn-group" role="group" aria-label="Basic example"> <button type="button" class="btn btn-secondary btn-with-image" onclick="sendObjectType('Star')"> <div class="div-with-image" style="background-image: url('../Graphics/StaticImages/star.png');"></div> </button> <button type="button" class="btn btn-secondary btn-with-image" onclick="sendObjectType('Planet')"> <div class="div-with-image" style="background-image: url('../Graphics/StaticImages/planet.png');"></div> </button> <button type="button" class="btn btn-secondary btn-with-image" onclick="sendObjectType('Moon')"> <div class="div-with-image" style="background-image: url('../Graphics/StaticImages/moon.png');"></div> </button> </div> </div> </div> <div id="partialContainer"> </div> <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> <script> function sendObjectType(objectType) { $.ajax({ type: "POST", url: "/Encyclopedia/Create", data: { objectType: objectType }, success: function (partialView) { $("#partialContainer").html(partialView); }, error: function (error) { console.error(error); } }); } </script> 部分视图代码: @model SolarSystemEncyclopedia.Models.Planet <div style="margin-top: 2%; margin-bottom: 2%;"> <div class="container-fluid col-md-10 m-auto"> <div class="row container-fluid d-flex align-items-center justify-content-center"> <div class="col-md-6 blue-div"> <h1>Create planet</h1> <form asp-controller="Encyclopedia" asp-action="CreatePartial" method="post" enctype="multipart/form-data"> <div asp-validation-summary="ModelOnly" class="text-danger"></div> @Html.AntiForgeryToken() <div class="form-group mb-3"> <label asp-for="Name" class="control-label"></label> <input asp-for="Name" class="form-control main-inputs" /> <span asp-validation-for="Name" class="text-danger"></span> </div> <div class="form-group mb-3"> <label asp-for="Description" class="control-label"></label> <input asp-for="Description" class="form-control main-inputs" /> <span asp-validation-for="Description" class="text-danger"></span> </div> <div class="form-group mb-3"> <input type="submit" value="CreateMain" class="btn btn-primary" /> </div> <div> <a asp-action="Index">Back to List</a> </div> </form> </div> </div> </div> </div> 在控制器中我有以下方法: [HttpGet] public async Task<IActionResult> Create() { return View(); } [HttpPost] public IActionResult Create(string objectType) { switch (objectType) { case "Star": return PartialView("_CreateStarPartial"); case "Planet": return PartialView("_CreatePlanetPartial"); case "Moon": return PartialView("_CreateMoonPartial"); default: return BadRequest(); } } [HttpPost] public async Task<IActionResult> CreatePartial<T>(T obj) where T : CosmicObject { if (ModelState.IsValid == true) { if (obj is Planet planet) { var star = _context.Star.FirstOrDefault(s => s.Id == planet.MainStarId); planet.MainStar = star; planet.Density = Double.Parse(planet.StringDensity); } if (obj.MainImage != null) { string uploadsFolder = Path.Combine(_appEnvironment.WebRootPath, "Graphics", "ObjectImages", obj.Name); string uniqueFileName = obj.Name + "MainImage.jpg"; string filePath = Path.Combine(uploadsFolder, uniqueFileName); if (!Directory.Exists(uploadsFolder)) { Directory.CreateDirectory(uploadsFolder); } using (var fileStream = new FileStream(filePath, FileMode.Create)) { await obj.MainImage.CopyToAsync(fileStream); } } _context.Add(obj); await _context.SaveChangesAsync(); return RedirectToAction(nameof(Index)); } return View(obj); } 第一种方法打开主视图,第二种方法打开部分视图,第三种方法应在提交表单后打开。 我更改了方法的名称,尝试向视图中的表单添加不同的标签,但没有任何效果。形式表明应该调用 post 方法,但即使 post 方法和 get 方法同名,由于某种原因仍会调用 get 方法。 网上查了一下,发现可能和ajax有关,但是没找到修复的办法。 我相信您的AJAX电话不完整。另外为什么是 Create GET 方法 async ?您可以参考以下代码更改,希望能解决您的问题: 将您的 AJAX 通话更改为: <script> function sendObjectType(objectType) { var param = { objectType: objectType}; $.ajax({ type: "POST", url: '@Url.Action("Create", "Encyclopedia")', data: { "json": JSON.stringify(param)}, dataType: "html", success: function (partialView) { $("#partialContainer").html(partialView); }, error: function (error) { console.error(error); } }); } </script> 你的 Controller 方法将如下所示: [HttpGet] public IActionResult Create() { return View(); } [HttpPost] public IActionResult Create(string json) { var jsondata = JsonConvert.DeserializeObject<dynamic>(json); string objectType = Convert.ToString(jsondata["objectType"]); switch (objectType) { case "Star": return PartialView("_CreateStarPartial"); case "Planet": return PartialView("_CreatePlanetPartial"); case "Moon": return PartialView("_CreateMoonPartial"); default: return BadRequest(); } }

回答 1 投票 0

jQuery Color Changer - Ajax 保存未运行 [已关闭]

我在使用 AJAX 时遇到了很多麻烦。我想要 ajax 改变 div 的颜色。首先是直接的,确实如此。然后它应该将其保存在数据库中,但事实并非如此。 问题是这样的:它确实......

回答 1 投票 0

jQuery Color Changer - Ajax 保存未运行 [已关闭]

我在使用 AJAX 时遇到了很多麻烦。我想要 ajax 改变 div 的颜色。首先是直接的,确实如此。然后它应该将其保存在数据库中,但事实并非如此。 问题是这样的:它确实......

回答 1 投票 0

服务器使用 PHP 发送事件

我有一个网络应用程序,它将一些数据从js脚本发送到php服务器,然后将其插入mysql数据库。我还需要通知所有其他客户端数据已发送并将其发送到......

回答 3 投票 0

从c#列表中删除多余的对象<object>从asp.net Webform返回json响应

我是asp.net webform 的新手。我有很多问题,几乎我从 StackOverflow 得到了解决方案。但现在我面临一个问题,无法得到任何想要的解决方案,所以,我正在写这个问题......

回答 1 投票 0

在 Django 中使用 AJAX 进行过滤

在我的 Django 项目中,我有一个基本视图,我在其中传递 Article 模型的所有实例,然后使用 for 循环将它们显示在 HTML 模板中。我也有一个主题模型,所以我显示所有主题...

回答 1 投票 0

Geonames API 显示空数组

我正在尝试完成一个项目,该项目要求我使用 Geonames API 来显示用户在网页搜索框中输入的任何国家/地区的信息。控制台中的 API 仅显示为空...

回答 1 投票 0

如何在控制器中的 laravel store 功能中进行保存和打印?

我有一个执行保存和打印的按钮。我已经可以在 store() 函数中进行保存,但不能进行打印。当我说打印时,它意味着打开所传递数据的打印对话框。 这是我的屁股...

回答 1 投票 0

将 JS 变量传递给另一个 JS 和 django 视图

我有几张带有物品的卡片。 我为每张卡添加了一个计数器和一个“添加到购物车”按钮。 我想使用 ajax 将项目计数传递到 django 视图中。 但我不知道如何从 c 传递变量...

回答 1 投票 0

Laravel Excel 上传和进度条

我有一个网站,我可以在其中上传 .xlsx 文件,其中包含我的数据库的一些信息行。我阅读了 laravel-excel 的文档,但看起来它只适用于进度...

回答 1 投票 0

如何使用 PHP 从 SQL Server 填充 HTML 表单字段

我正在尝试从 SQL 服务器获取数据并将它们转储到我的 HTML 表单中。例如,我在 HTML 表单中输入一个名字,我想从数据库中转储该名字的所有信息(姓氏,

回答 2 投票 0

Ajax 错误消息替换为 500 内部服务器错误

我使用ajax()调用了ASP.net 4.0 Web服务。我可以在本地获取错误消息,但是当我部署到服务器时,错误被 500 内部服务器错误替换,并显示消息“There was an

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.