ThinkPHP and Ajax realize secondary linkage drop-down menu
This article mainly introduces the drop-down menu for secondary linkage between ThinkPHP and Ajax. It has certain reference value. Now I share it with you. Friends in need can refer to the data existence of
linkage menu. In the database, the menu data can be changed at any time by adding, deleting, modifying, or modifying the database without modifying the code. At the same time, after achieving level 2, level 3 and level 4 can also be achieved. . . Wait for the related menu
The first is the design of the database. The classification table is called cate.
What I am doing is the second-level linkage of classified data. The fields required for the data are: id, name (Chinese name), pid (parent id).
Parent id Settings: If the data does not have an upper level, the parent id is 0. If there is an upper level, the parent id is the id of the upper level.
After the database has content, you can start writing code to implement secondary linkage.
First get all the data with pid 0 in the background php, save it to $cate, and then use a foreach loop to output it in the first layer's
Html code:
<select name="type" size="1" id="type">
<option>请选择类型</option>
<foreach name='cate' item='v'>
<option value="{$v['ca_id']}">{$v.ca_name}</option>
</foreach>
</select>
标签：
<select name="lable" size="1" id="lables">
</select>Ajax code:
$('#type').click(function(){
$(this).change(function(){
var objectModel = {};
var value = $(this).val();
var type = $(this).attr('id');
objectModel[type] =value;
$.ajax({
cache:false,
type:"POST",
url:site.web+"lable",
dataType:"json",
data:objectModel,
timeout:30000,
error:function(){
alert(site.web+"lable");
},
success:function(data){
$("#lables").empty();
var count = data.length;
var i = 0;
var b="";
for(i=0;i<count;i++){
b+="<option value='"+data[i].ca_id+"'>"+data[i].ca_name+"</option>";
}
$("#lables").append(b);
}
});
});
}
);The Ajax code is triggered after the first layer type is changed. The main parameters of the ajax method are
1 .url: The address for receiving ajax in the background;
2.data: The data passed to the background is usually passed in json; what is passed here is the id value of the selected class.
3.type: transfer method, there are get and post methods, I usually use post, which can transmit more data than get, and is more secure;
4.error: ajax execution Failure method;
5.success: The method for successful ajax execution, which is the callback function. When executing success here, I first use empty() to clear the contents of the second drop-down menu, and then output the data obtained from the background.
The following is the page where Thinkphp receives and processes ajax data.
//后台ajax验证 $result = array(); $cate =$_POST['type']; $result = M('cate')->where(array('ca_pid'=> $cate))->field('ca_id,ca_name')->select(); $this->ajaxReturn($result,"JSON");
Thinkphp's I() method can actually be regarded as $_POST[], so as to obtain the first layer selection passed by ajax. The id of the content, then, obtain its subclass, and then use ajaxReturn() to return it to ajax. Here, the return data is set in json form, so ajax will receive the data in json form
Native PHP return data method :
The code is as follows:
//搜索结果为$result ..... echo json_encode($result);
This completes the implementation of the two-level linkage drop-down menu. It should be noted that the url must be correct, and there must be a return value when received in the background, otherwise ajax The success method will not be executed.
The above is the entire content of this article. Thank you everyone for reading. Please pay attention to the PHP Chinese website for more content!
Related recommendations:
Real-time message push function implemented in PHP [based on anti-ajax push]
In How to use ajax to implement refresh-free paging in Thinkphp
The above is the detailed content of ThinkPHP and Ajax realize secondary linkage drop-down menu. For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1378
52
How to run thinkphp project
Apr 09, 2024 pm 05:33 PM
To run the ThinkPHP project, you need to: install Composer; use Composer to create the project; enter the project directory and execute php bin/console serve; visit http://localhost:8000 to view the welcome page.
There are several versions of thinkphp
Apr 09, 2024 pm 06:09 PM
ThinkPHP has multiple versions designed for different PHP versions. Major versions include 3.2, 5.0, 5.1, and 6.0, while minor versions are used to fix bugs and provide new features. The latest stable version is ThinkPHP 6.0.16. When choosing a version, consider the PHP version, feature requirements, and community support. It is recommended to use the latest stable version for best performance and support.
How to run thinkphp
Apr 09, 2024 pm 05:39 PM
Steps to run ThinkPHP Framework locally: Download and unzip ThinkPHP Framework to a local directory. Create a virtual host (optional) pointing to the ThinkPHP root directory. Configure database connection parameters. Start the web server. Initialize the ThinkPHP application. Access the ThinkPHP application URL and run it.
How to solve the 403 error encountered by jQuery AJAX request
Feb 20, 2024 am 10:07 AM
Title: Methods and code examples to resolve 403 errors in jQuery AJAX requests. The 403 error refers to a request that the server prohibits access to a resource. This error usually occurs because the request lacks permissions or is rejected by the server. When making jQueryAJAX requests, you sometimes encounter this situation. This article will introduce how to solve this problem and provide code examples. Solution: Check permissions: First ensure that the requested URL address is correct and verify that you have sufficient permissions to access the resource.
How to solve jQuery AJAX request 403 error
Feb 19, 2024 pm 05:55 PM
jQuery is a popular JavaScript library used to simplify client-side development. AJAX is a technology that sends asynchronous requests and interacts with the server without reloading the entire web page. However, when using jQuery to make AJAX requests, you sometimes encounter 403 errors. 403 errors are usually server-denied access errors, possibly due to security policy or permission issues. In this article, we will discuss how to resolve jQueryAJAX request encountering 403 error
Which one is better, laravel or thinkphp?
Apr 09, 2024 pm 03:18 PM
Performance comparison of Laravel and ThinkPHP frameworks: ThinkPHP generally performs better than Laravel, focusing on optimization and caching. Laravel performs well, but for complex applications, ThinkPHP may be a better fit.
How to install thinkphp
Apr 09, 2024 pm 05:42 PM
ThinkPHP installation steps: Prepare PHP, Composer, and MySQL environments. Create projects using Composer. Install the ThinkPHP framework and dependencies. Configure database connection. Generate application code. Launch the application and visit http://localhost:8000.
How is the performance of thinkphp?
Apr 09, 2024 pm 05:24 PM
ThinkPHP is a high-performance PHP framework with advantages such as caching mechanism, code optimization, parallel processing and database optimization. Official performance tests show that it can handle more than 10,000 requests per second and is widely used in large-scale websites and enterprise systems such as JD.com and Ctrip in actual applications.
