Inhaltsverzeichnis
回复内容:
Heim Backend-Entwicklung PHP-Tutorial 怎么用一个ajax把一个div里的数据提交给后台的php执行呢,就是保存?

怎么用一个ajax把一个div里的数据提交给后台的php执行呢,就是保存?

Jun 06, 2016 pm 08:47 PM
php

怎么用一个ajax把一个div里的数据提交给后台的php执行呢,就是保存?

回复内容:

怎么用一个ajax把一个div里的数据提交给后台的php执行呢,就是保存?

写一个jQuery的示例吧,假设你要获取<div id="content">123</div>的内容并保存。

<code>var t = $('#content').text();
$.post('up.php', {text:t}, function(d) {
    /*发送成功后执行*/
});
</code>
Nach dem Login kopieren

up.php页面只要向正常的表单一样用$_POST['text']就可以获取到传递过去的参数了。

原生js中,需要拼接字符串 like this

// createRequest()是自己写的兼容函数
request = new createRequest();
var data = 'content='+div.innerHTML+'&id='+num;
request.open("POST",url,true);
request.setRequestHeader("Content-Type","text/plain");
request.send(data);
request.onreadystatechange=callback;

// 这个函数特意从以前写过的程序里拿出来,应该是以前从红皮书里抄来的QAQ忘记了
function createRequest() {
  try {
    request = new XMLHttpRequest();
  } catch (tryMS) {
    try {
      request = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (otherMS) {
      try {
        request = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (failed) {
        request = null;
      }
    }
  } 
  return request;
}
Nach dem Login kopieren

补充一下一楼的,人家不一定要text啊

<code>var t = $('#content').text();
//或者 var t=$('#content').html();
$.post('up.php', {text:t}, function(d) {
    /*发送成功后执行*/
});
</code>
Nach dem Login kopieren
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

PHP 8.4 Installations- und Upgrade-Anleitung für Ubuntu und Debian PHP 8.4 Installations- und Upgrade-Anleitung für Ubuntu und Debian Dec 24, 2024 pm 04:42 PM

PHP 8.4 Installations- und Upgrade-Anleitung für Ubuntu und Debian

CakePHP Datum und Uhrzeit CakePHP Datum und Uhrzeit Sep 10, 2024 pm 05:27 PM

CakePHP Datum und Uhrzeit

CakePHP-Projektkonfiguration CakePHP-Projektkonfiguration Sep 10, 2024 pm 05:25 PM

CakePHP-Projektkonfiguration

CakePHP-Datei hochladen CakePHP-Datei hochladen Sep 10, 2024 pm 05:27 PM

CakePHP-Datei hochladen

CakePHP-Routing CakePHP-Routing Sep 10, 2024 pm 05:25 PM

CakePHP-Routing

Besprechen Sie CakePHP Besprechen Sie CakePHP Sep 10, 2024 pm 05:28 PM

Besprechen Sie CakePHP

CakePHP-Kurzanleitung CakePHP-Kurzanleitung Sep 10, 2024 pm 05:27 PM

CakePHP-Kurzanleitung

So richten Sie Visual Studio-Code (VS-Code) für die PHP-Entwicklung ein So richten Sie Visual Studio-Code (VS-Code) für die PHP-Entwicklung ein Dec 20, 2024 am 11:31 AM

So richten Sie Visual Studio-Code (VS-Code) für die PHP-Entwicklung ein

See all articles