ajax 相关问题

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

无法使用chart.js更改颜色线

我使用chart.js制作折线图，但我无法更改图表的颜色线，我看到它是灰色的。我的代码是... $(文档).ready(函数(){ $.ajax({ url: "图表/maderas_Chart.php", 方法：...

ajax chart.js

回答 2 投票 0

更改选择加载网址参数

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

javascript jquery ajax selectize.js

回答 1 投票 0

更改选择 laod url 参数

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

javascript jquery ajax selectize.js

回答 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 中的错误日志文件，查看代码是否引发任何其他错误或异常。这将为您提供堆栈跟踪，以帮助您确定哪个文件和行可能导致错误。

php ajax laravel-5

回答 2 投票 0

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

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

jquery ajax input mentionsinput.js

回答 1 投票 0

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

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

php ajax yii2

回答 1 投票 0

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

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

ajax jmeter performance-testing jmeter-5.0

回答 1 投票 0

Laravel 8 使用ajax 过滤数据

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

ajax laravel eloquent laravel-8

回答 1 投票 0

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

我尝试通过多次上传和

javascript php jquery ajax file

回答 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(); } }

c# asp.net ajax razor razor-pages

回答 1 投票 0

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

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

php jquery ajax

回答 1 投票 0

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

php jquery ajax

回答 1 投票 0

服务器使用 PHP 发送事件

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

javascript php mysql ajax server-sent-events