How to Get Base Url in Theme Custom JS file and how to return response in JSON format?

Question

I have created a module in which all the things is done just 2 things are remaining .

How to add Dynamic base url in Magento 2 theme JS file. ex : http://127.0.0.1/projectname how to get that dynamically.

How to pass success or error in JSON format using Module -> Model

it would be really helpful.

<?php
namespace Namespcae\Modulename\Controller\Index;
use Magento\Framework\View\Result\PageFactory;
use Magento\Framework\App\Action\Context;
class Test extends \Magento\Framework\App\Action\Action
{
protected $_configReader;
protected $_pageFactory;
protected $customer;
public function __construct(
    \Magento\Framework\App\Action\Context $context,
    \Magento\Framework\App\DeploymentConfig\Reader $configReader,
    \Namespcae\Modulename\Model\Customer $customer,
    \Magento\Framework\View\Result\PageFactory $pageFactory)
{
    $this->_pageFactory = $pageFactory;
    $this->_configReader = $configReader;
    $this->customer = $customer;
    return parent::__construct($context);
}
public function execute()
{

   $productIds = [5];
/** Contains the id of the store in which you would like to enable/disable the product */
$storeId = 0;

/**
 * You can put any number of product attributes here. However, in the scope of this code we are going to
 * only enable/disable the product.
 */
$attributes = [
    'status' =&gt; Status::STATUS_ENABLED
];

$this-&gt;productAction-&gt;updateAttributes($productIds, $attributes, $storeId);

}
}

How can i send response success or error in JSON format.

Check this similar question https://magento.stackexchange.com/questions/139071/get-base-url-or-dynamic-url-in-view-js-or-html-files — Rahul Barot, Jul 13 '20 at 05:59
@RahulBarot is right, this question is similar, you can find your answer there, but I didn't get JSON part of your question, why do you want json response from model, we always want response from controller, but I don't understand why from Model? — Shoaib Munir, Jul 13 '20 at 06:12
Actually i have executed my data from model if i move that t controller that would be good i will do that and from that point how to return JSON response from that controller part on success or failure.@shoaib — Prits, Jul 13 '20 at 06:18
how to get base url in Theme js file not in any module js file @RahulBarot — Prits, Jul 13 '20 at 06:21

Shoaib Munir · Accepted Answer · 2020-07-13T17:26:55.867

1

For json response from your controller just use array and user echo or return in json format. Example code:

public function execute()
{   
    $response = ["success"=>"", "error"=>""];
    $config = $this->_configReader->load();
    $response["base_url"] = $this->getBaseUrl();
    $response["custom_data_1"] = "My data";
    $response["custom_array_1"] = [123,456,789];
    //Condition to check if error
    $response["error"] = "Error occured";
    //Success check
    $response["success"] = "Successfully done";
    return json_encode($response);
}

if return json_encode($response); not work for you then you can try echo json_encode($response);

In your controller you can also use $this->messageManager->addSuccessMessage("Success message here") or $this->messageManager->addErrorMessage("Error message here")

For base url part, you can use this code in any of the js

require([
    'jquery',
    'mage/url'
], function($,url){
    url.setBaseUrl(BASE_URL);
    varBaseUrl = url.build('');
    //Your other code here
});

edited Jul 13 '20 at 17:26

answered Jul 13 '20 at 06:58

Shoaib Munir

9,404
10
49
106

Give me error " Type Error occurred when creating object " @Shoaib – Prits Jul 13 '20 at 11:39
For URL part " Cannot read property 'indexOf' of undefined " – Prits Jul 13 '20 at 11:42
Did you use 'mage/url' in require and used url in function brackets ()? this is very important, otherwise you can't use url – Shoaib Munir Jul 13 '20 at 11:53
Yes used exactly same @Shoaib – Prits Jul 13 '20 at 12:22
can you share screenshot of your js code? – Shoaib Munir Jul 13 '20 at 12:23
Updated in my question! – Prits Jul 13 '20 at 12:27
I have updated my answer, actually string is needed to be passed in this function. The string would be the request URI after base url. Now you need base URL and not the URI, you can pass empty string here – Shoaib Munir Jul 13 '20 at 12:41
The BaseUrl perimeter is empty i want is http://127.0.0.1/projectname that part. and in url perimeter it has object. @Shoaib – Prits Jul 13 '20 at 12:59
1

I have updated my answer, this is tested code, it should work now – Shoaib Munir Jul 13 '20 at 13:36
Works like a charm Thanks for that @Shoaib – Prits Jul 13 '20 at 13:39
Updated my controller file with updated method will you tell me how to send SUCCESS or ERROR in JSON Format. @Shoaib – Prits Jul 13 '20 at 16:01
Answer updated, please check – Shoaib Munir Jul 13 '20 at 17:27
Your static code works but how would i know the success of " $this->productAction->updateAttributes($productIds, $attributes, $storeId); " that part @Shoaib – Prits Jul 13 '20 at 17:59
1

Use try catch, if it works it wont go to catch, add success code in try – Shoaib Munir Jul 13 '20 at 18:41
Yes correct i have just used that. How to get that value in js response.@Shoaib – Prits Jul 13 '20 at 18:47
parse ajax response using var result = jQuery.parseJSON(res);, then you will get result.success – Shoaib Munir Jul 13 '20 at 18:53
Now i get the ID of product so should i make the HTML for that in js or use any other way to create that template.@Shoaib – Prits Jul 13 '20 at 19:10
It is better that you create html first, make it display none, and after your ajax assign values to the html and make it display block – Shoaib Munir Jul 14 '20 at 04:45
I have created a template how would i pass id from js to that template @Shoaib – Prits Jul 14 '20 at 04:59
1

You don't have to pass id, you need to assign html in div with class, something like this jQuery(".mainProduct .name").html(result.product.name) for this you need to set data of product in your controller response – Shoaib Munir Jul 14 '20 at 05:01
I have a custom attribute in my product backend in which i have entered some text. How to get products based on that attribute if some has same value using Controller or Block. @Shoaib – Prits Jul 14 '20 at 06:27
Comments are not for extended discussion; this conversation has been moved to chat. – Sander Mangel Jul 14 '20 at 06:36

How to Get Base Url in Theme Custom JS file and how to return response in JSON format?

1 Answers1

Linked