1. 程式人生 > >laravel ajax無重新整理替換圖片 並改變資料表狀態值

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

laravelajax重新整理分頁

ajax無重新整理分頁的優點: 1、區域性重新整理 減輕壓力 2、美觀 提高使用者體驗 php程式碼: /* @Laravel框架 @Ajax無重新整理分頁(簡單7步驟) */ public function page() { //1、查詢資料庫總條數 $count = count(Db::table(

Tp框架裡進行ajax重新整理查詢

這個ajax學的時候感覺很簡單,就沒有認真好好理解。到今天要用的時候才麻煩百出....其中一個尤為重要的問題是在拼接時出現的。還好得到了大佬的提點,才發現是自己的思路有問題(話不多說,把今天的總結一下,以後不要在出錯了......) 這是最後的效果圖    

thinkPHP利用ajax非同步上傳圖片顯示、刪除

近來學習tp5的過程中,專案中有個發帖功能,選擇主題圖片。如下: 利用原始的檔案上傳處理,雖然通過原始js語句能實時顯示上傳圖片,但是這樣的話會涉及很多相容問題。使用ajax技術,實現選擇性刪除所選圖片功能,並不會有相容問題。 表單檔案form: &lt;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屬性--> 要實現無重新整理上傳檔案首