php ajax資料互動不需要form提交

阿新 • • 發佈：2019-01-19

json是前端和後臺實現資料互動的種資料格式，前端ajax通過json格式資料提交各php，php轉換成php陣列來操作，再通過把php陣列解碼成前端可接收的json格式返回給前端

方式一：

html：

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<div id="login_form">
    <p><label 
>使用者名稱：</label> <input type="text" class="input" name="user" id="user" /></p>
    <p><label>密 碼：</label> <input type="password" class="input" name="pass" id="pass" />
    </p>
    <div class="sub">
        <input type="submit" class="btn" value=" 
登 錄" />
    </div>
</div>
<div id="backcall"></div>
<script type="text/javascript">
    $(function(){
        $(".btn").live('click',function(){
            var user = $("#user").val();
            var pass = $("#pass").val();
            $.ajax({
                type: "POST" 
,//提交方式
                url: "ajax.php",//提交的頁面
                dataType: "json",//資料格式
                data: {"user":user,"pass":pass}, //提交的資料
                success: function(json)
                {
                        $("#backcall").html(json['user']);//接收PHP返回的資料，
                }
            });
        });
    })
</script>

PHP:

<?php
require_once("conn.php");//載入資料庫連線檔案
$dd=$_POST;//獲取前端提交的資料，這裡的資料會轉換成陣列
$user = $dd['user'];
$pass = $dd['pass'];
$up_mysql="INSERT INTO menber(nickname,password)VALUES('$user','$pass')";
mysql_query($up_mysql);
echo json_encode($dd);//返回轉碼成json格式的資料個前端獲取?>

方式二：

html:

<html>
<title>php+jquery+ajax+json簡單小例子</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<head>
    <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#subbtn").click(function() {
                var params = $("input").serialize();//序列化資料，前端格式化資料
                alert(params)
                $.ajax({
                    type: "post",
                    url: "dd.php",
                    dataType: "json",
                    data: params,
                    success: function(msg){
                        var backdata = "您提交的姓名為：" + msg.name +
                                "<br /> 您提交的密碼為：" + msg.password;
                        $("#backdata").html(backdata);
                        $("#backdata").css({color: "green"});
                    }
                });
            });

        });

    </script>
</head>
<body>
<p><label for="name">姓名：</label>
    <input id="name" name="name" type="text" />
</p>

<p><label for="password">密碼：</label>
    <input id="password" name="password" type="password" />
</p>

<span id="backdata"></span>
<p><input id="subbtn" type="button" value="提交資料" /></p>
</body>
</html>

php:

<?php
echo json_encode($_POST);//解碼成json格式返回前端獲取
?>

php ajax資料互動不需要form提交

json是前端和後臺實現資料互動的種資料格式，前端ajax通過json格式資料提交各php，php轉換成php陣列來操作，再通過把php陣列解碼成前端可接收的json格式返回給前端方式一： html

Django中button的處理 & ajax提交資料時不走Form元件驗證

button分類： type=’submit’ 預設型別，會預設提交表單~ type=’button’ type=’reset’ 專案中出現的問題: ajax提交資料時不走Form元件驗

微信小程式學習筆記（三）表單提交、PHP後臺資料互動

【form表單提交】 form.wxml： <form bindsubmit="formSubmit" bindreset="formReset"> <view> 暱稱：<input type="text" name="nic

Ajax+PHP簡單資料互動

<?php //設定頁面內容是html編碼格式是utf-8 //header("Content-Type: text/plain;charset=utf-8"); header('Access-Control-Allow-Origin:*'); header('Access-Control-Allow

不需要form，獲取table所有資料，整合為json資料傳送給後臺

我的表格是列表式的資料，如圖 html:這裡我要獲取表格前4列的內容，表格的內容用js調取的json資料，展現出來的html的程式碼是 <table> <tbody><

PHP ajax 資料匯出

php public function excel(Request $request) { $data = [];//匯出資料 $objPHPExcel = new \PHPExcel(); $objPHPExcel->getPr

jQuery之ajax資料互動（語法及示例）

一、jajx基礎語法　1.1寫法 $.ajax({ 　　url:'地址', 　 data:{ 　　　　引數:xxx, 　　　　引數:xxx 　　}, 　　type:'POST/GET', 　　success:function(str){ //成功回撥函式

JAVA 後端返回資料過濾不需要的欄位萌新記錄

之前做專案的時候，基本都是查到一個物件或者一個集合就拋給前端，也沒注意過敏感資料洩露的問題，最近經人提醒，開始考慮怎麼解決。這裡貼一篇很不錯的博文 java介面資料json過濾欄位方法整理但是專案用的是fastjson，按照博文方法過濾的話有點麻煩，並且我的返回值是經過包裝的JSON

$.ajax使用總結(一)：Form提交與Payload提交

後端處理前端提交的資料時，既可以使用Form解析，也可以使用JSON解析Payload字串。 Form解析可以直接從Request物件中獲取請求引數，這樣物件轉換與處理相對容易，但在大片JSON資料需要提交時，可能會出現大量的資料拆分與處理工作，另外針對集合型

springMVC jqPlot ajax資料互動

資料庫：mongoDB 框架：springMVC, Spring Data Web前端：JQuery, JQuery EasyUI, jqPlot jqPlot程式碼： $(function() { var tab = $('#index_tabs div[name=re

datatables配合bootstrap樣式進行ajax資料互動並生成表格

目前做的專案用到datatables這個外掛，總結下來：一、引用的檔案 dataTables.bootstrap.css dataTables.bootstrap.js ！！可以到本人的資源庫中免費下載二、html結構因為使用了bootstrap，class="tab

在本地電腦上儲存GitHub賬號資訊，不需要每次提交版本時都輸入使用者名稱和密碼

第一步：在%HOME%目錄中，一般為C:\users\Administrator，也可以是你自己建立的系統使用者名稱目錄，檔名為.git-credentials,由於在Window中不允許直接建立以"."開頭的檔案，所以需要藉助git bash進行，開啟git bash客戶端

web介面之表格顯示的幾點功能（包括js修改樣式，ajax資料互動等）

實現功能：資料的套打功能前期工作：已經將要套打的樣式按照固定位置，在HTML頁面完全固定好，將資料傳入就可以準確套打。具體需求：將資料以excel檔案上傳，上傳成功先進行資料的展示，然後再存入資料庫中，接著進行資料的管理，包括：增刪改查以及列印。所用技術：

Java為什麼基本資料型別不需要進行建立物件？

Java是一門面向物件的語言，即一切皆是物件！那麼為何資料型別中還分為：基本型別和物件？ Java中有8種基本資料型別boolean、byte、short、char、int、flaot

Spring MVC獲取不到post提交的multipart/form-data格式的資料

我們在寫介面時，經常會用postman測試介面。前段時間我寫介面時，發現post的form-data提交資料，後端竟然接收不到請求引數，而使用post的x-www-form-urlencoded方式提交資料，後端可以接收到引數。為什麼？ postman的form-data是指mult

EasyUI Form提交後json資料IE上需要下載（轉） EasyUI Form提交後json資料IE上需要下載（轉）

EasyUI Form提交後json資料IE上需要下載（轉）在使用EasyUI的form中的submit方法時，返回json在IE中變成提示下載的問題，程式碼如下： $('#fileForm').form('submit',

用multipart/form-data提交表單檔案資料獲取不瞭解決辦法

在學習Servlet檔案上傳方面遇到了一個問題，就是通過multipart/form-data這個表單型別提交要上傳的檔案的時候，Servlet用request.getParameter()方法獲取非檔案的資料時發現為空。具體如下 jsp頁面 <body>

利用ajax提交表單，實現資料前端後臺資料互動的完整流程演示

該演示需要用到 1 : json.jar(下載) 2 : jquery.js(下載) 流程演示：1.點選“登入”按鈕，傳參到後臺 2.後臺獲取資料，處理分析資料，利用JSO

Form表單只提交資料而不進行頁面跳轉的方法

解決方案：將資料提交到saveReport（form的action指向）頁面，但是頁面又不進行跳轉，即保持當前頁面不變呢？利用jquery的ajaxSubmit函式以及form的onsubmit函式完成一般的寫法為： <form action="

利用jquery.form.js的ajaxSubmit實現不跳轉提交表單資料

我們直接通過form提交的話，提交後當前頁面跳轉到form的action所指向的頁面。然而，很多時候我們比不希望提交表單後頁面跳轉，那麼，我們就可以使用ajaxSubmit(obj)來提交資料 1. //form表單阻止提交 <form onsubm

php ajax資料互動 不需要form提交

相關推薦

php ajax資料互動不需要form提交