laravel ajax無重新整理替換圖片 並改變資料表狀態值
@section('js') <script type="text/javascript"> function change(ele){ var img = $(ele).children();//得到子節點 var mythis = $(ele); var is_show = $(ele).attr('is_show'); var goods_id = $(ele).attr('goods_id'); $.ajax({ url: '/admin/commodity/status' , type:'post', data:{'is_show': is_show,'goods_id':goods_id}, success: function (data) { if (data == 1) { mythis.attr('is_show', '1');//下架 img.attr('src','{{asset("images/not_showicon.png")}}');//子節點增加屬性 } else { mythis.attr('is_show', '0');//上架 img.attr('src','{{asset("images/show_icon.png")}}'); } } }); } </script> @endsection
<td> <span is_show="{{$good->status}}" goods_id=" {{$good->id}}" onclick="change(this)" > @if($good->status==0) <img src="{{asset('images/show_icon.png')}}" alt=""style="cursor: pointer;" id="odj"> @else <img src="{{asset('images/not_showicon.png')}}" alt="" style="cursor: pointer;" id="odj"> @endif </span> </td>
/* * @商品管理之商品是否上下架 */ public function status(Request $request){ $is_show = $request->is_show; $id = $request->goods_id; //var_dump($is_show);die; if ($is_show == 1) { $is_show = 0; } else { $is_show = 1; } $res = Goods::find($id) ->update(['status' => $is_show]); return $is_show; }
相關推薦
laravel ajax無重新整理替換圖片 並改變資料表狀態值
@section('js') <script type="text/javascript"> function change(ele){ var img = $(ele).children();//得到子節點 var my
Laravel 5.1之Ajax無重新整理分頁
ajax無重新整理分頁的優點: 1、區域性重新整理 減輕壓力 2、美觀 提高使用者體驗 php程式碼: /* @Laravel框架 @Ajax無重新整理分頁(簡單7步驟) */ public fu
ajax無重新整理上傳圖片,基於springMVC
html程式碼(圖片上傳Fform表單裡的target屬性的值frameFile,是form之後的iframe的name值, 這樣的寫法是讓當前的form表單在提交表單內容的時候轉交給iframe中進行頁面中表單處理, 並且不會產生當前頁面跳轉!): <form id
laravel之ajax無重新整理分頁
ajax無重新整理分頁的優點: 1、區域性重新整理 減輕壓力 2、美觀 提高使用者體驗 php程式碼: /* @Laravel框架 @Ajax無重新整理分頁(簡單7步驟) */ public function page() { //1、查詢資料庫總條數 $count = count(Db::table(
Tp框架裡進行ajax無重新整理查詢
這個ajax學的時候感覺很簡單,就沒有認真好好理解。到今天要用的時候才麻煩百出....其中一個尤為重要的問題是在拼接時出現的。還好得到了大佬的提點,才發現是自己的思路有問題(話不多說,把今天的總結一下,以後不要在出錯了......) 這是最後的效果圖  
thinkPHP利用ajax非同步上傳圖片並顯示、刪除
近來學習tp5的過程中,專案中有個發帖功能,選擇主題圖片。如下: 利用原始的檔案上傳處理,雖然通過原始js語句能實時顯示上傳圖片,但是這樣的話會涉及很多相容問題。使用ajax技術,實現選擇性刪除所選圖片功能,並不會有相容問題。 表單檔案form: <form method="po
Ajax 無重新整理登陸
截圖: 檢視.cshtml: @{ ViewBag.Title = "LoginView"; } <!DOCTYPE html> <html> <head> <me
淺談TP5的ajax無重新整理分頁
簡單說一下如何進行TP5的ajax無重新整理分頁吧,這個功能實現的方法有千百種,或許我提供的這一種並不是最好的,但確實是很實用的。 以下的例子會使用TP5自帶的分頁類來實現,無任何修改。 首先來一段後臺查詢資料的程式碼,查詢出相關的資料 $list = Load
利用ajax無重新整理驗證註冊資訊
其大概思路如下: 一.把註冊的html頁面做好(html+css) 1.不需要form表單,直接用div包著 2.需要四個標籤來顯示正確、錯誤的資訊顯示 3.不用submit提交按鈕,直接用button 如圖: 二.把ajax做成一個函式,通過傳
ajax請求二進位制流圖片並渲染到html中img標籤
說明 後臺返回圖片二進位制流,需要使用get請求獲取返回結果,並且將返回的二進位制流以圖片形式顯示在頁面img中。 但是日常顯示圖片都諸如這種形式: <img src="圖片路徑、地址" alt="" /> 以上需求不能將後端地址直接
ajax無重新整理下載檔案 虛擬form
<a href="javascript:downloadFile('${msSend.attachmentAddress }','${fileName }')">${fileName }</a><br> function downlo
ThinkPHP+JQuery實現ajax無重新整理登入驗證(詳解+相關問題)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &
RichTextBox替換文字並改變字型顏色
替換文字 private void GenerateEntity() { try { string result = ChangeWords("specific c
關於Ajax無重新整理分頁技術的一些研究 c#
小弟新手,求大神有更好的解決方案,指教下~ 以前做專案,用過GridView的重新整理分頁,也用過EasyUI的封裝好的分頁技術,最近在老專案的基礎上加新功能,迫於需求,自己沒事琢磨了個Ajax無重新整理分頁技術, 也在百度看了下, 寫的都不是很系統,在這裡寫個系統的,簡單的,方便大家研究下。 系統支
Ajax無重新整理使用者登入
程式碼: login.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLI
jquery.page.js實現ajax無重新整理分頁
http://blog.csdn.net/dengboblog/article/details/52699332 寫程式碼參考了這位大神的部落格。下面貼上我的程式碼。 首先是要把引入的分頁js和css新增進來。這個程式碼自己百度吧。 $.ajax({ type
AJAX 無重新整理 文字框提示條,用層來提示[原創]
<%@ Page language="c#" Codebehind="WebForm2.aspx.cs" AutoEventWireup="false" Inherits="ajax10.WebForm2"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4
ajaxfileupload.js外掛結合一般處理檔案實現Ajax無重新整理上傳
先上幾張圖更直觀展示一下要實現的功能,本功能主要通過Jquery ajaxfileupload.js外掛結合ajaxUpFile.ashx一般應用程式處理檔案實現Ajax無重新整理上傳功能,結合NPOI2.0實現資料讀取。這個功能在實際工作種經常用到,希望能
SpringMVC結合ajaxfileupload.js實現ajax無重新整理檔案上傳
一、spring mvc配置 1、web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xm
jquery ajax 無重新整理上傳檔案到servlet
刪除檔案的表單要加入如下enctype屬性: <form id="upload" enctype="multipart/form-data"><!--//由於使用ajax上傳,不用加action和method屬性--> 要實現無重新整理上傳檔案首